

.pglist3colbck { 
padding: 0; max-width: 1400px; margin: auto;
text-align: left;
position: relative;
z-index: 2;
display: flex;
justify-content: flex-start;
align-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
 
.pglist3colbck .pglist { 
flex: auto;box-shadow: 0 15px 20px rgba(0,0,0,0.2);
margin: 35px 0; background-size: cover !important; position: relative; text-align: left; overflow: visible;
 background: rgba(0, 0, 0, 1); transition: 0.25s ease-in-out all;
-moz-border-radius: 3px; border-radius: 3px; }

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

.pglist3colbck .ccm-page-list-link { text-align: center; }

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

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

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

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

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

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

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

.pglist3colbck .ccm-page-list-description { margin: auto; }
.pglist3colbck .ccm-page-list-title { padding-bottom: 5px; text-align: left; }
.pglist3colbck .ccm-page-list-description p { padding: 0; font-size: 0.875rem; text-align: left; }
.pglist3colbck .button { margin-top: 0;  font-size: 1.5rem !important; }
.pglist3colbck .pglist table td { text-align: left !important; vertical-align: bottom !important; }

.pglist3colbck .pglist:before { display: none; /*
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.19511554621848737) 30%, rgba(0,0,0,0.75) 90%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.19511554621848737) 30%, rgba(0,0,0,0.75) 90%);
background: linear-gradient(180deg, rgba(0,0,0,0.19511554621848737) 30%, rgba(0,0,0,0.75) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);*/ }
.pglist3colbck .pglist:hover table { background: rgba(0,0,0,0.25); }


.pglistpad { 
display: block; position: absolute; bottom: 25px; 
background: #000; padding: 25px 35px 25px 35px;text-align: left;
-moz-border-radius: 3px; border-radius: 3px; }

 

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

{
.pglist3colbck { width: 90%; margin: 50px auto; }
.pglistpad {  left: -15px;width: 70%; box-sizing: content-box; }
.pglist3colbck .pglist { flex-basis: 95%;
    flex-grow: 1; margin: 10px auto; margin: 5% 1%; }

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

.pglist3colbck .pglist:before { height: 100%; }
.pglist3colbck .pglist table { min-height: 450px; }
}

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

{

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

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

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

}*/

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

{ 
.pglistpad {  left: -10px;  }
.pglist3colbck .pglist { flex-basis: 48%;
    flex-grow: 1; display: inline-block; vertical-align: top; margin:  0.5%; }

.pglist3colbck .pglist:last-child { width: 98%; display: inline-block; vertical-align: top; margin: 1%; }

.pglist3colbck .pglist table { }
 

}

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

{ 
.pglist3colbck { width: 100%; margin: 50px auto;  }


.pglist3colbck .pglist,
.pglist3colbck .pglist:last-child { flex-basis: 31.25%;margin: 1%;
    flex-grow: 0; display: inline-block; vertical-align: top; }
 
.pglist3colbck .pglist:nth-child(3n+2) { top: 50px; }
 
.pglist3colbck .pglist table { min-height: 550px; }

.pglist3colbck .pglistcntpad { max-width: 350px; }

}

