

.pglistswipe { 
padding: 35px 0 0 0;
text-align: left;
position: relative;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
	
}

.pglistswipe .swiper-button-prev,
.pglistswipe .swiper-button-next { background-size: 15px; /*filter: grayscale(1);*/ }

.pglistswipe .pglist { box-sizing: border-box;
/*flex: auto;*/ flex-grow: 1;  border-radius: 15px;
margin: 0; padding: 15px 0; background-size: cover !important; position: relative; text-align: left; /*overflow: hidden;*/
transition: 0.25s ease-in-out all; /*aspect-ratio: 4 / 3;*/ display: flex; 
/*border: 1px #ddd solid;*/
 
}

.pglistswipe .pglist table { text-align: center; flex: 1;}

.pglistswipe .pglist a table {
	max-width: initial;
    position: relative;
    transition: 0.25s ease-in-out;
    padding: 0;
    text-align: left;
    margin: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    border: 0 #ddd solid;
    border-radius: 3px;
    overflow: hidden;
    width: -webkit-fill-available !important;
    background: #fff;}

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

.pglistswipe .pglist img { border: 0; border-radius: 0; }
.pglistswipe .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; }

.pglistswipe .pglist .ccm-page-list-link {padding: 0 0 5px 15px; }
.pglistswipe .pglist .ccm-page-list-link a.button.outlined { padding: 10px !important; border: 0 !important;}
.pglistswipe .pglist .ccm-page-list-link a.button.outlined:hover { background: #0079c2  !important; color: #fff !important; }
	
.pglistswipe .pglist:hover:before { opacity: 1; }
.pglistswipe .swiper-container { padding:  0 40px; }
/*.pglistswipe .swiper-container:before,
.pglistswipe .swiper-container:after { 
position: absolute; top: 0; width: 50px; height: 100%; content: ''; z-index: 2; }
.pglistswipe .swiper-container:before { 
	left: 0;
	background: #FFF;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);}
.pglistswipe .swiper-container:after { 
	right: 0;
	background: #FFF;
	background: linear-gradient(270deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);}
	*/
/*.pglistswipe 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 .pglistswipe .pglist h3, 
.pglistswipe .pglist a { color: #fff; }*/
.pglistswipe a { display: flex; flex:1; }
.pglistswipe a:hover { color: #000; }

.pglistswipe .pglist > a { padding: 15px 0; }

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

#pagewrap .pglistswipe .pglist .ccm-page-list-title { 
transition: 0.25s ease all; margin: auto; /*text-shadow: 1px 1px 3px rgba(0,0,0,0.75);*/
font-family: "barlow-semi-condensed", sans-serif;
font-weight: 400;font-style: normal;
text-transform: none; line-height: 1.25; }

.pglistswipe .swiper-wrapper { width: -webkit-fill-available !important; }
.pglistswipe .pglistcntpad {
    transition: 0.25s ease all;
    max-width: 45%;
    margin: auto auto auto 0;
    flex-basis: 100%;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
.pglistswipe .pglisttitlepad { padding: 25px; flex: 1; }
.pglistswipe .ccm-page-list-description { margin: auto; }
.pglistswipe .ccm-page-list-title { padding-bottom: 5px; }
.pglistswipe .pglist table td { text-align: left !important; vertical-align: top!important; }

/*.pglistswipe .pglist:before {
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }*/
.pglistswipe .pglist:hover table { background: rgba(0,0,0,0.05); } 

.pglistswipe .pglist .pglistpad { 
padding: 0;
    opacity: 1;
    transition: 0.25s ease all;
    display: flex;
    height: 100%;
    flex-direction: row;
    align-items: stretch;
}
.pglistswipe .pglist:hover .pglistpad,
.pglistswipe .pglist:hover::before{ opacity: 1; }
 
.pglistswipe .pglist .pglistimg { 
	display: flex; height: 100%; position: absolute;
	top: 0; right: 0; width: 55%; background-size: cover!important;
}
.pglistswipe .swiper-button-next,
.pglistswipe .swiper-button-prev {
width: auto !important; background-size: contain!important;
position: relative!important; float: left; display: inline-block !important;
top: auto !important; bottom: auto !important; left: auto !important; right: auto !important;
margin: 15px 0 0 0; padding: 5px; aspect-ratio: 1 / 1; } 

.pglistswipe .swiper-button-next,
.pglistswipe .swiper-button-prev { 
	border: 0; background-image: none!important;}

.pglistswipe .swiper-button-next::before,
.pglistswipe .swiper-button-prev::before {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.7;
	box-sizing: border-box; content: ''; /*font-family: 'Font Awesome 6 Free'; font-weight: 900;*/
	display: flex; align-items: center; justify-content: center; color: #0079c2;
	transition: 0.35s ease all; filter: grayscale(1);
}
.pglistswipe .swiper-button-next:hover::before,
.pglistswipe .swiper-button-prev:hover::before { opacity: 1; filter: grayscale(0); }

.pglistswipe .swiper-button-prev::before { 
	/*content:'\f053'; */
	padding: 1px 5px;
	background: url("images/icon--arrow_prev.png") no-repeat center;
	width: 35px; height: 25px;
	background-size: contain;
}
.pglistswipe .swiper-button-next::before { 
	/*content:'\f054';*/
	padding: 1px 5px;
	background: url("images/icon--arrow_next.png") no-repeat center;
	width: 35px; height: 25px;
	background-size: contain;
}


@media screen and (max-width: 1100px)
{
	
	.pglistswipe .pglist .pglistpad { 
	display: flex;
    height: 100%;
    flex-direction: column-reverse;
    align-items: stretch;
	}
	.pglistswipe .pglistcntpad {
	max-width: 100%;
	}
	.pglistswipe .pglist .pglistimg {
		width: 100%;
		position: relative;
		height: 175px;
	}
}

@media screen and (min-width: 250px)
{
.pglistswipe { margin: auto; padding: 0 0 10% 0; 
	        display: block;
        clear: both;}
.pglistswipe .pglist { /*width: 99%;*/ margin: 0; }
.pglistswipe .pglist table { display: table !important; white-space: normal  !important; width: 100%; min-height: auto; }
.pglistswipe .pglist:before { height: 100%; }
.pglistswipe .pglist table { min-height: 250px; }
}
@media screen and (min-width: 1100px)
{ 
.pglistswipe { width: 100%; height: 100%; margin: auto; padding: 35px 0 0 0; }
.pglistswipe .pglist table { min-height: 250px; }
}

