/*  Accommodation listing */
.element-07 .wpt-row {
    display: grid!important;
    grid-gap: 30px;
    /* margin: 0 15px; */
}
.element-07 .per-row-0 p {
    text-align:center;
    border:1px dashed;
    padding:20px;
    max-width:600px;
    margin:auto;
    opacity:0.5
}
.element-07.rounded-corners-true .per-row-0 p {
    border-radius:200px;
    padding:20px 30px;
}
.element-07 .per-row-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.element-07 .per-row-3 {
    grid-template-columns: 1fr 1fr 1fr
}

.element-07 .per-row-2 {
    grid-template-columns: 1fr 1fr
}

@media(max-width: 950px) {
    .element-07 .per-row-4 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .element-07 .per-row-3 {
        grid-template-columns: 1fr 1fr
    }

    .element-07 .per-row-2 {
        grid-template-columns: 1fr
    }
}

@media(max-width: 650px) {
    .element-07 .per-row-4 {
        grid-template-columns: 1fr 1fr
    }

    .element-07 .per-row-3 {
        grid-template-columns: 1fr
    }
}

.element-07 .wpt-card {
    background: var(--wpt-page-component-bg-colour);
    overflow: hidden;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.element-07 .views-field-field-photo {
    font-size: 0
}

.element-07 .card-image {
    position: relative;
    overflow: hidden;
}

.element-07 .accommodation-icons {
    position: absolute;
    bottom: 7px;
    color: white;
    left: 20px;
    z-index: 2
}

.element-07.version-1 .innercontent {
    margin: 1em 0!important;
    font-size: 16px;
}

.element-07 .accommodation-icons>* {
    margin-right: 7px;
}

.element-07 .wpt-card .card-image img {
    aspect-ratio: 3 / 2;
    transition: 0.5s ease;
    width: 100%;
}

.element-07 .wpt-card:hover .card-image img {
    transform: scale(1.1);
}

.element-07 .card-body {
    padding: 15px 15px 0;
    flex-grow: 1;
}

[class*='element-'].element-07 h3.wpt-title {
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
    font-size: 1.25em;
    }

.element-07.version-1 h3.wpt-title {
    padding-bottom: 10px!important;
}
.element-07.version-1 .wpt-title::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: translateX(0%);
    width: 60px;
    height: 4px;
    background: var(--wpt-primary-colour)
}

.element-07 .card-footer {
    padding: 15px;
}

.element-07 .card-footer .buttons {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px
}

.element-07 .card-footer .buttons .wpt-button {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}

.view-accommodation-grid .views-field-field-photo a::before {
    opacity: 1!important;
    background: linear-gradient(15deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%)!important;
    content: '';
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1
}

.element-07.version-2 .wpt-contents > .innercontent {
    margin: 0em 0 2em!important;
}
.element-07.version-2 .wpt-card {
 border-radius:0;
    font-size:16px;
}
.element-07.version-2 .wpt-card {
 border-radius:0
}
.element-07.version-2[style*=background] .wpt-card {
    background:white;
    box-shadow:0 2px 5px rgba(0,0,0,0.1)
}
.element-07.version-2.rounded-corners-true .wpt-card {
    border-radius:20px;  
}
.element-07.version-2 .accommodation-icons {
position:static;
       color: var(--wpt-primary-colour)
}
.element-07.version-2 .star-rating {
    color:#FFC46D;
    display:inline-flex;
    gap:5px;
    font-size:10px;
    margin-bottom: 1.3em;
}
.element-07.version-2 .wpt-card .wpt-title {
    font-size:27px;
    padding:0
;margin-bottom: 0.3em!important;}
.element-07.version-2 .wpt-card .accommodation-icons {
    margin-bottom: 0.61em;
    display:inline-flex;
    gap:10px;
    font-size: 16px;
}
.element-07.version-2 .wpt-card .accommodation-icons>span {
    gap:10px;
    display:inline-flex;
    align-items:center
}
.element-07.version-2 .wpt-card .accommodation-icons i {
    font-weight:400;
    
}
.element-07.version-2  .wpt-button.wpt-hollow:hover {
 color: var(--wpt-primary-colour)
}
.element-07.version-2:not(.layout-style-rows) .wpt-card .card-body {
    position:relative;
    width:100%;
}

.element-07.version-2 .card-info {
    display:inline-flex;
    align-items:flex-end;
    font-size:27px;
    position:absolute;
    top:0;
    transform:translateY(calc(-100% + 13px));
    z-index:1;
    right:15px;
    gap: 15px;
}

.element-07.version-2 .card-info > * {
    background:var(--wpt-primary-colour);
    color:white;
}

.element-07.version-2 .price-per-night {
    font-weight:bold;
    line-height:1;
    padding: 10px 15px 10px 20px;
}
.element-07.version-2.rounded-corners-true .price-per-night,
.element-07.version-2.rounded-corners-true .feature-icon {
    border-radius:100px
}
.element-07.version-2 .price-per-night span {
    font-size:10px
}

.element-07.version-2 .feature-icon {
    align-content: center;
    height: 47px;
    text-align: center;
    width: 47px;
}

.element-07.version-2.layout-style-rows .view-accommodation-grid {
    grid-template-columns:1fr;
}
.element-07.version-2.layout-style-rows .view-accommodation-grid .wpt-card {
    display:grid;
    grid-template-columns:33% auto;
    position:relative;
    overflow:visible;
    gap:15px
}
.element-07.version-2.layout-style-rows .view-accommodation-grid .wpt-card .card-image {
    grid-row:span 2;
}
.element-07.version-2.layout-style-rows.rounded-corners-true .view-accommodation-grid .wpt-card .card-image {
    border-radius:20px 0 0 20px
}
.element-07.version-2.layout-style-rows .card-info {
    flex-direction: row-reverse;
    left:0;
    bottom:0;
    right:unset;
    top:unset;
    transform:translate(-20px, -50%);
}
.element-07.version-2.layout-style-rows .card-footer .buttons {
    display:inline-flex
}
.element-07.version-2.layout-style-rows .card-footer .buttons a {
    padding-left:20px;
    padding-right:20px;
}
.element-07.version-2 .views-field-title {
    margin-bottom: 0.51em;
    font-size: 16px;
}
.element-07.version-2 .card-body {
    align-self:end;
    font-size: 0;
}
.element-07.version-2 .card-body .innercontent {
    font-size: 15px!important;
    margin: 0.4em 0 0;}
.element-07.version-2.layout-style-rows .card-footer {
    align-self:start;
    padding-top:0;
}

.element-07.version-2.layout-style-slider .view-accommodation-grid {
    display:block!important;
}
.element-07.version-2.layout-style-slider .view-accommodation-grid .slick-slide {
    margin:19px;
    display:flex;
    height:unset;
}
.element-07.version-2.layout-style-slider .view-accommodation-grid .slick-slide > div {
    display:flex;
}
.element-07.version-2.layout-style-slider .view-accommodation-grid .slick-track {
    display:flex!important;
}
.element-07.version-2.layout-style-slider .slick-arrow {
    position:absolute;
    top:50%;
    left: -30px;
    transform: translate(-50%, -50%);
    font-size:34px;
    font-weight:500;
    opacity:0.3;
}
.element-07.version-2.layout-style-slider .slick-arrow.fa-chevron-right {
    left:unset;
    right: -30px;
}
@media(max-width:1346px) {
    .element-07.version-2.layout-style-slider .slick-arrow.fa-chevron-right {
        right: -15px;}
    .element-07.version-2.layout-style-slider .slick-arrow.fa-chevron-left {
        left:-15px
    ;transform: translate(50%, -50%);}
}
.element-07.version-2.layout-style-slider .view-accommodation-grid {
    width: calc(100% + 19px * 2);
    /* max-width:calc(100% - 50px); */
    margin:auto;
margin-left: -19px;margin-right: -19px;}
@media(max-width:500px) {
    .element-07.version-2.layout-style-rows .view-accommodation-grid .wpt-card {
    display:grid;
    grid-template-columns:auto;
    }
.element-07.version-2.layout-style-slider .view-accommodation-grid {
     max-width: calc(100% + 38px);
}
    .element-07.version-2.layout-style-slider .slick-arrow {
        left: -15px;
        display:none;
    }
    .element-07.version-2.layout-style-slider .slick-arrow.fa-chevron-right {
    left:unset;
    right:-15px;
}
}
.element-07.version-2 .accommodation-fine-print {
    font-size:10px;
    opacity:0.5;
    text-align:right;
   
}
.element-07.version-2.layout-style-slider  .accommodation-fine-print {
     max-width:1150px;
    margin:auto;
    transform:translateY(50%);
}

.element-07.version-2.layout-style-rows  .accommodation-fine-print {
     transform:translateY(-50%);
}
.element-07.version-2.layout-style-columns  .accommodation-fine-print {
     transform:translateY(-50%);
}


@media(max-width:500px) {
.element-07 .card-footer .buttons {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px
}
    
}
.element-07.version-2 {
    overflow:visible!important;
}
.acfp-items-0 {
    display:none;
}