

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

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

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

.pglistbookings .ccm-page-list-link {  }

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

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

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

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

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

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

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

.pglistbookings .pglistpad { opacity: 0; position: relative; transition: 0.25s ease-in-out all; }
.pglistbookings p.ccm-page-list-description,
.pglistbookings div.ccm-page-list-description { margin: auto; font-size: 0.9rem; padding-bottom: 10px; text-align: justify; }
.pglistbookings .ccm-page-list-title { padding-bottom: 15px; font-size: 1.65rem !important; line-height: 1.7rem !important; letter-spacing: -0.05rem !important; }
.pglistbookings .button {  font-size: 1.25rem !important; line-height: 1.35em !important; letter-spacing: -0.025rem !important }
 
.pglistbookings .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; }

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

.pglistbookings .nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    vertical-align: middle !important;
    height: 100% !important;
    flex: 1 !important;
    display: flex !important;
    align-content: stretch !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: stretch !important;
}

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

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

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

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

.pglistbookings .pglist:before { height: 100%;
background: rgba(62,42,85,0.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);*/
}


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

}

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

{

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

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

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

}*/

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

{ 

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

.pglistbookings .pglist { }

}

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

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


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

