

.listwback { 
padding: 0;
text-align: left;
position: relative;
z-index: 2;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
 
.listwback .pglist span.salestatus {
	    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.75rem;
}
.listwback .pglist table td { position: relative; }

.listwback .pglist { 
border-radius: 2px;margin: 0; background-size: cover !important; position: relative; text-align: left; overflow: hidden;
background: #fff; transition: 0.25s ease-in-out all; box-shadow: 0 0 10px rgba(0,0,0,0.1); /*aspect-ratio: 4 / 3;*/ 
}

.listwback .pglist table { }

.listwback .pglist a table {max-width: initial; position: relative; transition: 0.25s ease-in-out; padding: 10px; }

.listwback .plocations hr { margin: 10px auto; padding: 0; }

.listwback .pglisttitlepad { padding: 0 10px; }
/*.listwback .pglist:before {

position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; content:'';

opacity: 1;  transition: 0.25s ease-in-out all; }

.listwback .pglist:hover:before { opacity: 0.05; }*/

.listwback img.pglisticon {  
-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); }


.listwback .pglist .ccm-layout-column { margin-top: 0!important; margin-bottom: 0!important; }
.listwback .pglist .one-third span { font-size: 15px; }

.listwback tr,.listwback td { background: none !important; }
.listwback td { padding: 0 !important; }

#pagewrap .listwback .pglist .ccm-page-list-title { margin: auto; }

.listwback .pglistcntpad { max-width: 500px; margin: auto; }
.listwback .ccm-page-list-description { margin: auto; }
.listwback .ccm-page-list-title { padding-bottom: 15px; }
.listwback .pglist table td { }

/*.listwback .pglist:before { opacity: 0;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }*/
.listwback .pglist:hover table { background: rgba(0,0,0,0.05); }

.listwback .pglist .noimg,
.listwback .pglist .hasimg {
	position: relative; margin-bottom: 10px;
	display: block; aspect-ratio: 16 / 9; 
	width: 100%; max-height: 250px;
}
.listwback .pglist .noimg { background-size: auto 80%!important; }
.listwback .pglist .hasimg { background-size: cover!important; }

 

@media screen and (min-width: 250px)

{
	.listwback { width: 100%; margin: auto; padding: 10px 0; }
	
	.listwback .pglist .two-third,
	.listwback .pglist .one-third{ width: auto !important; }
	
	.listwback .pglist { width: 99%; margin: 10px 0.5%; }
	.listwback .pglist table { display: table !important; white-space: normal  !important; width: 100%; min-height: auto; }

	.listwback .pglist:before { height: 100%; }
	.listwback .pglist table { min-height: 350px; }
	}

/*@media screen and (min-width: 750px)

{

.listwback .pglist { width: 48%; display: inline-block; vertical-align: top; margin: 1%; }

.listwback .pglist:last-child { width: 98%; }

.listwback .pglist table { min-height: 450px; }

}*/

@media screen and (min-width: 750px)

{ 

	.listwback .pglist {/*width: 49%;*/}
	
	.listwback .pglist .two-third{ width: 56% !important; }
	.listwback .pglist .one-third{ width: 40% !important; }
	
}

@media screen and (min-width: 1100px)

{ 
.listwback { width: 100%; margin: auto; padding: 0; }
 

/* one item */
.listwback:has(> :nth-child(1)) .pglist {
    width: 49%;
}
/* two items */
.listwback:has(> :nth-child(2)) .pglist {
    width: 49%;
}
/* three items */
.listwback:has(> :nth-child(3)) .pglist {
    width: 49%;
}
/* four items */
.listwback:has(> :nth-child(4)) .pglist {
    width: 49%;
}
 
.listwback .pglist table { min-height:300px; }


}



@media screen and (max-width: 1000px) {
	 
	.listwback .pglist span.salestatus {
		position: relative; font-size: 0.5rem;
		display: block; text-align: center; 
		padding: 8px 10px 10px 10px; }
}
