

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

.pghmlist .pglist table { text-align: center;}

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

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

.pghmlist .pglist:before,
.pghmlist .pglist:after{
position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; content:'';
opacity: 1;  transition: 0.25s ease-in-out all; }

.pghmlist .pglisttitlepad {opacity: 0;  transition: 0.25s ease-in-out all; }
.pghmlist .pglist:hover .pglisttitlepad { opacity: 1; }

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

.pghmlist 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 .pghmlist .pglist h3, 
.pghmlist .pglist a { color: #fff; }

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

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

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

.pghmlist .pglist:before {
opacity: 0;
	background: rgba(238, 47, 50, 1);
	mix-blend-mode: multiply; 
}
.pghmlist .pglist:after {
opacity: 0;
	background: rgba(238, 47, 50, 0.35); 
}
.pghmlist .pglist:hover:before {
	opacity: 0.75;
}
.pghmlist .pglist:hover:after {
opacity: 0.25; /*background: rgb(238, 47, 50);*/
}
/*.pghmlist .pglist:hover table { background: rgba(0,0,0,0.25); }*/



 

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

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

.pghmlist .pglist { width: 99%; margin: 0.5%; max-height: 480px; }

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

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

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

{

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

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

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

}*/

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

{ 

.pghmlist .pglist { width: 49%; display: inline-block; vertical-align: top; }

.pghmlist .pglist:last-child { width: 100%; display: inline-block; vertical-align: top;}

.pghmlist .pglist table { }
 

}

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

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


.pghmlist .pglist,
.pghmlist .pglist:last-child { width: 32%;  max-height: 480px; /*max-width: 32%;*/ display: inline-block; vertical-align: top; }
 
.pghmlist .pglist table { min-height: 350px; }


}

