

.pglistwback { 
padding: 0;
text-align: left;
position: relative;
z-index: 2;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
 
.pglistwback .pglist { 
flex: auto; flex-grow: 1; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 35px;    border-radius: 8px;
margin: 0; background-size: cover !important; position: relative; text-align: left; overflow: hidden;
background: #3c3c3c; transition: 0.25s ease-in-out all; /*aspect-ratio: 4 / 3;*/ 
}

.whitetxt .pglistwback .pglist,
.whitetxt .pglistwback .pglist a,
.whitetxt .pglistwback .pglist .ccm-page-list-title,
.whitetxt .pglistwback .pglist .ccm-page-list-description,
.whitetxt .pglistwback .pglist .ccm-page-list-link a { color: #fff !important; }

.pglistwback .pglist table { text-align: center; background: none!important;border: 0 !important;}

.pglistwback .pglist a table {max-width: initial; position: relative; transition: 0.25s ease-in-out; padding: 5%;text-align: center; }

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

.pglistwback .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; }

.pglistwback .pglist:hover:before { opacity: 1; }

.pglistwback 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)); }

/*#pagewrap .pglistwback .pglist h3, 
.pglistwback .pglist a { color: #fff; }*/

.pglistwback tr,.pglistwback td { background: none !important; }
.pglistwback td { padding: 25px !important; }

#pagewrap .pglistwback .pglist .ccm-page-list-title { margin: auto; /*text-shadow: 1px 1px 3px rgba(0,0,0,0.75);*/ }

.pglistwback .pglistcntpad { max-width: 500px; margin: auto; }
.pglistwback .ccm-page-list-description { margin: auto; }
.pglistwback .ccm-page-list-title { padding-bottom: 15px; }
.pglistwback .pglist table td { text-align: center !important; vertical-align: middle!important; }

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

.whitetxt .pglistwback .pglist:before { background: rgba(0, 121, 194,0.75); }
.whitetxt .pglistwback .pglist table { background: rgba(5,35,71,0.15); }
.whitetxt .pglistwback .pglist:hover table { background: rgba(5,35,71,0.45); }
.whitetxt .pglistwback a.button.outlined { border: 1px rgba(5,35,71,1) solid !important; }

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

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

	.pglistwback .pglist { width: 99%; margin: 0.5%; }
	.pglistwback .pglist table { display: table !important; white-space: normal  !important; width: 100%; min-height: auto; }

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

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

{

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

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

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

}*/

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

{ 

	.pglistwback .pglist {/*width: 49%;*/}

}

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

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

/* one item */
.pglistwback:has(> :nth-child(1)) .pglist {
    width: 49%;
}
/* two items */
.pglistwback:has(> :nth-child(2)) .pglist {
    width: 47%;margin: 1.5%;
}
/* three items */
.pglistwback:has(> :nth-child(3)) .pglist {
    width: 30%;margin: 1.5%;
}
/* four items */
.pglistwback:has(> :nth-child(4)) .pglist {
    width: 47%;margin: 1.5%;
}
/* four items */
.pglistwback:has(> :nth-child(5)) .pglist {
    width: 30%;margin: 1.5%;
}
.pglistwback .pglist table { min-height: 350px; }


}

