

.pglist3colbck { 
padding: 0; max-width: 1500px; margin: auto;
text-align: left;
position: relative;
z-index: 2;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
 
.pglist3colbck .pglist { 
flex: auto; min-height: 125px;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
margin: 35px 0; background-size: cover !important; position: relative; text-align: left; overflow: hidden;
 background: rgb(181,137,94) ; transition: 0.25s ease-in-out all;
-moz-border-radius: 15px; border-radius: 15px; }

.ltbl2 .pglist3colbck .pglist {  background: #3f6242 ; }

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

.pglist3colbck .ccm-page-list-link { padding: 0 15px; }
.pglist3colbck .ccm-page-list-link a.notxt { 
	
	background: url("images/sys_arrow-w.png") no-repeat center;
	background-size: contain;
	width: 50px; height: 50px;
	display: inline-block; 

}
.pglist3colbck .pglist:hover .ccm-page-list-link a.notxt { 
	
	background: url("images/sys_arrow-w.png") no-repeat center;
	background-size: contain;
	width: 50px; height: 50px;
	display: inline-block; 

}


.pglist3colbck div.pcats { position: relative; padding: 8px 0 0 0; }
.pglist3colbck span.ptag {  
	border-radius: 2px; line-height: 1; border: 0;
	font-size: 12px; color: #fff; padding: 5px 8px 6px 8px; margin: 0 2px;
	background: #183663!important; display: inline-block; box-sizing: border-box;
}


.pglist3colbck .pglist a table {
	max-width: initial; position: relative; transition: 0.25s ease-in-out; padding: 20px;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 .pglist:hover  .ccm-page-list-title a { color: #fff !important; }
 

#pagewrap .pglist3colbck .pglist h3, 
.pglist3colbck .pglist a { color: #fff; }

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

#pagewrap .pglist3colbck .pglist .ccm-page-list-title { 
font-size: 1rem !important;
letter-spacing: 0.125rem !important;
background: rgb(163,108,54);
display: inline-block !important;
border-radius: 100px; font-weight: 600;
margin: 5px auto; 
padding: 15px 20px !important;
text-decoration: none !important;
line-height: 1.25;
}

#pagewrap .pglist3colbck .pglist .hso_sts {
font-size: 0.85rem !important;
letter-spacing: 0.05rem !important;
background: #edeadf;
display: inline-block !important;
border-radius: 100px; font-weight: 600;
margin: 5px auto; 
padding: 15px 20px !important;
text-decoration: none !important;
line-height: 1.25;
color: rgb(163,108,54);	
}


.pglist3colbck .pglistpad {
display: flex;
    height: auto;
    flex: 1;
    flex-direction: column;
}
.pglist3colbck .ccm-page-list-description { transition: 0.35s ease all; margin: auto; }
.pglist3colbck .ccm-page-list-title { }
.pglist3colbck .ccm-page-list-description p { padding: 0 !important; font-size: 0.95rem; }
.pglist3colbck p { padding: 0 !important; }
.pglist3colbck .button { margin-top: 0;  }
.pglist3colbck .pglist table td { 
text-align: left !important;
    vertical-align: top !important;
    display: flex;
    height: -webkit-fill-available;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: column;
}
.pglist3colbck .pglistcntpad { padding: 15px ; }


.pglist3colbck .pglist:hover table { background: rgba(163,108,54, 0.25); }

 

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

{
.pglist3colbck .pglist:before {
background: rgb(5,49,15);
background: -moz-linear-gradient(25deg, rgba(163,108,54, 0.9) 0%, rgba(163,108,54, 0.5) 30%, rgba(163,108,54, 0) 100%);
background: -webkit-linear-gradient(25deg, rgba(163,108,54, 0.9) 0%, rgba(163,108,54, 0.5) 30%, rgba(163,108,54, 0) 100%);
background: linear-gradient(25deg, rgba(163,108,54, 0.9) 0%, rgba(163,108,54, 0.5) 30%, rgba(163,108,54, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
	
.pglist3colbck { width: 100%; margin: auto; }

.pglist3colbck .pglist { width: 100%; margin: 10px auto; }
.pglist3colbck .ccm-page-list-description { opacity: 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: 150px; }
}

/*@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)

{ 

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

/*.pglist3colbck .pglist:last-child { width: 99%; display: inline-block; vertical-align: top; margin: 0.5%; }
*/
.pglist3colbck .pglist table { }
 

}

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

{ 
	
.pglist3colbck .pglist:before {
background: rgb(5,49,15);
background: -moz-linear-gradient(25deg, rgba(163,108,54, 0.9) 0%, rgba(163,108,54, 0.5) 30%, rgba(163,108,54, 0) 100%);
background: -webkit-linear-gradient(25deg, rgba(163,108,54, 0.9) 0%, rgba(163,108,54, 0.5) 30%, rgba(163,108,54, 0) 100%);
background: linear-gradient(25deg, rgba(163,108,54, 0.9) 0%, rgba(163,108,54, 0.5) 30%, rgba(163,108,54, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
	
.pglist3colbck { width: 100%; margin: auto; }

.pglist3colbck .ccm-page-list-description { opacity: 0; }
.pglist3colbck .pglist:hover .ccm-page-list-description { opacity: 1; }
	
.pglist3colbck .pglist,
.pglist3colbck .pglist:last-child { width: 31%; /*max-width: 32%;*/ display: inline-block; vertical-align: top; }
 
.pglist3colbck .pglist table { min-height: 150px; }

.pglist3colbck .pglistcntpad { /*max-width: 350px;*/ display: flex;
        align-items: center;
        height: 100%;}

}

