.cabinlist {
    min-height: 700px;
}

.cabinlist ul {
    list-style-type: ' ★ ';
}
.cabinlist li {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.8rem;
    display: list-item;
    padding: 0 0.6rem;
    line-height: 2;
}
.cabinlist h3 {
    line-height: 1.15;
}
.cabinlist .columns:last-child:not(:first-child) {
    float: left;
}

.cabinlist .cabinlisting {
    margin-bottom: 14px;
    background-color: #fff;
    display: block;
    border-radius: 6px;
}
.cabinlist .cabinlisting:hover {
    border-color: #716050;
}
.cabinlist .cabinlisting img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    object-position: top;
    height: auto;
    border-radius: 6px;
    border: solid 4px #519bca;
}
.cabinlist .cabinlisting .img-size {
    position: relative;
    max-height: 340px;
    max-width: 375px;
    overflow: hidden;
}
.cabinlisting {
    text-decoration: none;
    max-width: 100% !important;
    position: relative;
}
.cabinlisting .views {
    position: absolute;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    left: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    color: white;
    padding: 5px 10px;
    border-radius: 0 0 0 6px;
}
.cabinlisting .box-size {
    padding: 15px 0px;
}

.cabinlisting .views:empty {
    display:none;
}

#clFilterBar .medium-horizontal>li {
    vertical-align:top;
}
#clFilterBar .picker__input {
    background-color: #fefefe;
    color: #0a0a0a;
    cursor: pointer;
}
@media print, screen and (min-width: 64em) {
    .cabinlist {
        padding-left: .9375rem !important;
    }
}
@media print, screen and (min-width: 40em) {
    .cabinlist .pricing {
        float: right;
    }
    .cabinlist .info h3 {
        float: left;
    }
}
.cabinlist .image {
    position: relative;
    overflow: hidden;
}
    .cabinlist .image img {
        object-fit: cover;
        object-position: bottom right;
        width: 100%;
    }
    .cabinlist .image div {
    color: white;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    line-height: 2em;
    height: 2em;
    width: 100%;
    text-align: center;
    background-color: rgba(25,25,25,0.5);
    }
@media print{
    a[href]:after{content:""}
    section.cabinlisting {
        page-break-inside: avoid;
    }
}
img:not([src]) {
    visibility: hidden;
}
/* Fixes Firefox anomaly */
@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}

.cr {
    width: 480px;
    height: auto;
    padding: 8px 150px;
    position: absolute;
    text-align: center;
    color: #f0f0f0;
    font-weight: bold;
    z-index: 1;
}

/* Positions */

.cr-top    { top: 55px; bottom: auto;}
.cr-bottom { bottom: 25px; top: auto;}
.cr-left   { left: -100px; right: auto;}
.cr-right  { right: -185px; left: auto;}

/* Rotations */

.cr-top.cr-left,
.cr-bottom.cr-right {
    transform: rotate(-45deg);
    transform-origin: top;
}

.cr-top.cr-right,
.cr-bottom.cr-left {
    transform: rotate(45deg);
    transform-origin: top;
}

/* Colors */

.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.cr-green     { background-color: #2c7; }
.cr-turquoise { background-color: #1b9; }
.cr-purple    { background-color: #95b; }
.cr-red       { background-color: #e43; }
.cr-orange    { background-color: #ff9819; }
.cr-yellow    { background-color: #ec0; }
.cr-primary   { background-color: #3f9ccd; }