

.pgliststaff { 
padding: 0;
text-align: left;
position: relative;
z-index: 2;
display: flex;

justify-content: space-between;
flex-wrap: wrap;
}
 
.pgliststaff .pglist { 
/*flex: auto;*/
margin: 35px 0; background-size: cover !important; position: relative; text-align: left; overflow: hidden;
 background: #00a9df; transition: 0.25s ease-in-out all; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; }

.pgliststaff .pglist .pglistpad {transition: 0.25s ease-in-out all; position: relative; z-index: 2; }

.pgliststaff .ccm-page-list-link { text-align: left; }

.pgliststaff .pglist .pglistpad {max-width: initial; position: relative; transition: 0.25s ease-in-out; }
.nano-pad { padding: 8%; }

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

.pgliststaff .pglist:before {

position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; content:'';
opacity: 0.05;  transition: 0.25s ease-in-out all; }

.pgliststaff .stfdeet,
.pgliststaff .pglist .nano-pane { opacity: 0 !important; transition: 0.25s ease-in-out all; }
 
.pgliststaff 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 .pgliststaff .pglist h3, 

.pgliststaff .pglist a { color: #fff; }

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

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

.pgliststaff .pglistpad { opacity: 0; position: relative; transition: 0.25s ease-in-out all; }
.pgliststaff p.ccm-page-list-description,
.pgliststaff div.ccm-page-list-description { margin: auto; font-size: 0.9rem; padding-bottom: 10px; text-align: justify; }
.pgliststaff .ccm-page-list-title { padding-bottom: 15px; font-size: 1.65rem !important; line-height: 1.7rem !important; letter-spacing: -0.05rem !important; }
.pgliststaff .button {  font-size: 1.25rem !important; line-height: 1.35em !important; letter-spacing: -0.025rem !important }
 
.pgliststaff .pglist:hover table { background: rgba(62,42,85,0.75); }

.pglist.noimg { background: #00a9df url(../../../../themes/theme_legacytax/images/lta--icon-fill.png) center no-repeat; background-size: 175px !important; }

.pgliststaff .pglist:hover:before,
.pgliststaff .pglist:hover .stfdeet, 
.pgliststaff .pglist:hover .nano-pane {  opacity: 1 !important; }
  

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

{
.pgliststaff { width: 90%; margin: auto; }

.pgliststaff .pglist { width: 100%; margin: 10px auto; }

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

.pgliststaff .pglist:before { height: 100%;
background: rgb(62,42,85);
/*background: -moz-linear-gradient(10deg, rgba(62,42,85,0.85) 25%, rgba(62,42,85,0) 100%);
background: -webkit-linear-gradient(10deg, rgba(62,42,85,0.85) 25%, rgba(62,42,85,0) 100%);
background: linear-gradient(10deg, rgba(62,42,85,0.85) 25%, rgba(62,42,85,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e2a55",endColorstr="#3e2a55",GradientType=1);*/
}


.pgliststaff .pglist { height: 400px;border-radius: 45px 3px;  }

}

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

{

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

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

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

}*/

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

{ 

.pgliststaff .pglist { width: 49%; display: inline-block; vertical-align: top; margin:  0.5%; }
 
.pgliststaff .pglist table { }

.pgliststaff .pglist { }

}

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

{ 
.pgliststaff { width: auto; margin: auto; }


.pgliststaff .pglist { width: 32%; /*max-width: 32%;*/ display: inline-block; vertical-align: top; }
 
.pgliststaff .pglist { }
 
}

