.cards-mode .filters-bar {
z-index:100002;
}
.cards-mode #cols {
display:none !important;
}
.cards-mode .top-banner,
.cards-mode .page-links-container {
display:none;
}
.cards-mode .results-body {
background-color:#FFF;
background-image:none;
}
.cards-mode #results-content {
position:relative;
overflow:visible;
}
.cards-mode #results {
display:block !important;
opacity:1 !important;
position:relative !important;
top:auto !important;
margin:0;
padding:0;
background:#fff;
overflow:visible;
}
.cards-mode #results .listing-preview2 {
display:none;
position:absolute;
top:0;
left:3vw;
width:94vw;
margin:0;
padding:0.6em;
border:1px solid #d0d0d0;
border-radius:6px;
box-shadow:2px 3px 8px rgba(0,0,0,0.18);
background:#f7f8fa;
box-sizing:border-box;
overflow:visible;
will-change:transform;
max-width:none;
}
.cards-mode #results {
margin-top:2.3em;
}
.cards-mode #results .listing-preview2.card-active {
display:block;
z-index:2;
}
.cards-mode #results .listing-preview2.card-next {
display:block;
z-index:1;
}
.cards-mode #results .listing-preview2.card-animating {
transition:transform 0.3s ease-out;
z-index:3;
}
.cards-mode #results .listing-preview2 .listing-photo-headline {
display:flex !important;
flex-direction:column !important;
}
.cards-mode #results .listing-preview2 .headline-info {
order:-1;
}
.cards-mode #results .listing-preview2 .photo {
max-height:55vh !important;
height:auto !important;
overflow:hidden;
border-radius:4px;
}
.cards-mode #results .listing-preview2 .photo img {
max-height:55vh !important;
height:auto !important;
width:100% !important;
}
.cards-mode #results .listing-preview2 .grid-label {
display:none;
}
.cards-mode #results .listing-preview2.unavailable,
.cards-mode #results .listing-preview2.out-of-town {
display:none !important;
}
.cards-hint {
display:none;
}
.cards-mode .cards-hint {
display:block;
position:fixed;
top:90vh;
left:50%;
transform:translateX(-50%);
z-index:100003;
text-align:center;
padding:0.5em 1.2em;
background:rgba(0,0,0,0.7);
border-radius:2em;
pointer-events:none;
opacity:1;
transition:opacity 0.5s ease-out;
}
.cards-mode .cards-hint.fade-out {
opacity:0;
}
.cards-mode .cards-hint span {
font-family:ss, 'helvetica neue', arial;
font-size:0.8em;
font-weight:500;
color:#fff;
white-space:nowrap;
}
.cards-mode .footer-legal-links {
position:fixed;
bottom:0;
left:0;
right:0;
z-index:100001;
text-align:center;
padding:0.4em 0;
background:rgba(255,255,255,0.92);
border-top:0;
font-size:0.75em;
margin-bottom:0.4em;
}
.site-2 button[data-value="c"] {
display:none;
}
@media only screen and (min-width:741px) {
button[data-value="c"] {
display:none;
}
}