



.pglisttiles.shrt { 

padding: 0; /*max-width: 1400px;*/ margin: auto;

text-align: left;

position: relative;

z-index: 2;

display: flex;

    justify-content: center;

    align-content: flex-start;

    flex-direction: row;

    flex-wrap: wrap;
        
}

.pglist.pgselected { display: none !important; }

.pglisttiles.shrt .tplstwrp { 
	padding: 8px; background: none; border: 1px solid #d01f2e; font-size: 0.8rem; 
	border-radius: 5px; display: inline-block; margin: 8px 3px; 
transition: 0.25s ease-in-out all;}
.pglisttiles.shrt .pglist:hover .tplstwrp { background: #d01f2e; }
	
.pglisttiles.shrt .btn-icon { 

    line-height: 1;

    border-radius: 5px;

	width: 35px !important;

	height: 35px !important;

	background: #d01f2e;

	display: flex !important;

 	font-size: 1rem;

	min-width: auto !important;
	
	padding: 0 !important;
}

.pglisttiles.shrt .btn-icon i { position: relative; margin: auto; }





.pglisttiles.shrt .pglist { 

flex: auto;/*box-shadow: 0 15px 20px rgba(0,0,0,0.2);*/max-height: 500px;

margin: 35px 0; background-size: cover !important; position: relative; text-align: left;  

 background: #093254; transition: 0.25s ease-in-out all;border-radius: 5px;
        overflow: hidden;

/*-moz-border-radius: 5px; border-radius: 5px;*/ }



.pglisttiles.shrt .pglist .plcwrap { text-align: center; max-height: 350px;border-radius: 5px;
        overflow: hidden; 
    display: flex;
    align-items: center;
    justify-content: center;}



.pglisttiles.shrt .ccm-page-list-link { text-align: center; display: inline-block; }

.pglisttiles.shrt .pglist a { display: block; width: -webkit-fill-available;}

.pglisttiles.shrt .pglist a .plcwrap { aspect-ratio: 1 / 1;

	/*-moz-border-radius: 5px; border-radius: 5px;*/max-width: initial; position: relative; transition: 0.25s ease-in-out; padding: 6%;text-align: center; background: rgba(21,26,45,0.5); }



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



.pglisttiles.shrt .pglist:before {

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

/*-moz-border-radius: 5px; border-radius: 5px;*/ opacity: 1;  transition: 0.25s ease-in-out all; }



.pglisttiles.shrt .pglist:hover:before { opacity: 1; }



.pglisttiles.shrt 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 .pglisttiles.shrt .pglist h3, 

.pglisttiles.shrt .pglist a { color: #fff !important; }



.pglisttiles.shrt tr,.pglisttiles.shrt td { background: none !important; }

.pglisttiles.shrt td { padding: 25px !important; }



#pagewrap .pglisttiles.shrt .pglist .ccm-page-list-title { margin: auto; font-weight: normal; }



.pglisttiles.shrt .ccm-page-list-description { margin: auto; color: #fff !important; }

.pglisttiles.shrt .ccm-page-list-title { color: #fff !important; }

.pglisttiles.shrt .ccm-page-list-description p { padding: 10px 0 0 0; font-size: 0.875rem;  }

.pglisttiles.shrt .button { margin-top: 0;  font-size: 1.5rem !important; }

/*.pglisttiles.shrt .pglist table td { text-align: center !important; }
*/


.pglisttiles.shrt .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);*/ }

.pglisttiles.shrt .pglist:hover .plcwrap { background: rgba(21,26,45,0.2); }

.pglisttiles.shrt .pglist a.outlined,

.pglisttiles.shrt .pglist a.outlined:before { color: #000 !important; }

.pglisttiles.shrt .pglist a.outlined { font-size: 1.25rem !important; padding-bottom: 0; }

.pglisttiles.shrt .pglist a.outlined:before { width: 30px; }



.pglisttiles.shrt .pglistpad { 

    left: 0;

    display: block;

    position: relative;

    bottom: 0;

    background:rgba(0,0,0,0);

    padding: 35px 0 0 0;

    text-align: center; }



 

.pglisttiles.shrt .pglist .nobtntxt { margin: 0; padding: 0; }

.pglisttiles.shrt .pglist:hover .nobtntxt,

.pglisttiles.shrt .pglist .nobtntxt:hover { padding-left: 10px; }





@media screen and (max-width: 850px) { .pglisttiles.shrt { max-width: 90%; } }



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



{

.pglisttiles.shrt { width: 90%; margin: 0 auto; }

.pglisttiles.shrt .pglistpad { width: -webkit-fill-available; box-sizing: content-box;}

.pglisttiles.shrt .pglist { flex-basis: 95%;

    flex-grow: 1; margin: 10px auto; margin: 5% 1%; }



.pglisttiles.shrt .pglist .plcwrap { min-width: 88%; white-space: normal  !important; width: -webkit-fill-available; min-height: auto; }



.pglisttiles.shrt .pglist:before { height: 100%; }

.pglisttiles.shrt .pglist .plcwrap { min-height: 350px; }

}



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



{



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



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



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



}*/



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



{ 

 .pglisttiles.shrt .pglist { flex-basis: 48%;

    flex-grow: 1; display: inline-block; vertical-align: top; margin:  0.5%; }



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



 
 



}



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



{ 

.pglisttiles.shrt { width: 100%; margin: 0 auto; }





.pglisttiles.shrt .pglist,

.pglisttiles.shrt .pglist:last-child { /* flex-basis: 30.25%;margin: 1% 1% 2% 2%; 

    flex-grow: 0; display: inline-block; vertical-align: top; */ 

	

		flex-basis: 32%;

        margin: 0.5%;

        flex-grow: 1; 

        display: flex;

	}

	

.pglisttiles.shrt .pglist .plcwrap { min-height: 250px; }



.pglisttiles.shrt .pglistcntpad { max-width: 400px; margin: auto;}



}

