/* Jerba Campervans - Van Listings Styles */

.blurbWrap .innerWrap,
.blurbWrap .metaWrap,
.contentBlock.multiBlock .blockWrap {
    display: flex;
    flex-flow: column;
}

.blockWrap .subTitle,
.blockWrap .title {
    margin-bottom: 0;
}

.blockWrap,
.blockWrap > div {
    width: 100%;
}

.blockWrap > div {
    padding-bottom: 1rem;
    border-bottom: 2px solid #f7f7f7;
}

.blockWrap .subTitle,
.blockWrap .title,
.blockWrap .title a {
    color: #283651;
}

.cta.sold .subTitle {
    color: #eb1616;
}

.blockWrap .title a:hover {
    color: #dbc174;
}

.blockWrap > div:not(:last-of-type),
.imageWrap {
    margin-bottom: 2rem;
}

.imageWrap {
    display: grid;
}

.blurbWrap button,
.imageWrap {
    position: relative;
}

.blurbWrap .cta.btn a {
    padding: 0;
    background: transparent;
    color: #283651;
}

.blurbWrap .cta.btn a:hover,
.blurbWrap .cta.btn a i {
    color: #dbc174;
}

.multiBlock {
    margin-bottom: 1rem;
}

.cta.btn a,
.cta .subTitle,
.metaWrap li .subTitle {
    font-weight: 500;
}

.button.icon i,
a.icon i {
    margin-left: .4rem;
}

.metaWrap li:not(:last-of-type) {
    margin-right: 3rem;
}

ul.metaWrap {
    list-style: none;
    margin-bottom: 1rem;
}

ul.metaWrap li {
    position: relative;
}

ul.metaWrap li:before {
    font-size: 1.4em;
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #dbc174;
    content: "\2022";
}

.imageWrap .overlay,
.imageWrap a.overlay {
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #dbc174;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.imageWrap:hover .overlay,
.imageWrap:hover a.overlay {
    opacity: .7;
}

.imageWrap ~ .blurbWrap > div:not(:last-of-type) {
    margin-bottom: 1rem;
}

@media (min-width: 1023px) {
    .cta.btn a,
    .cta .subTitle,
    .metaWrap li .subTitle {
        font-size: 14px;
    }

    ul.metaWrap {
        margin-bottom: 0;
    }

    .blurbWrap .innerWrap,
    .blurbWrap .metaWrap,
    .contentBlock.multiBlock .blockWrap {
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .imageWrap ~ .blurbWrap > div:not(:last-of-type) {
        margin-bottom: 1.4rem;
    }

    .contentBlock.multiBlock .blockWrap > div {
        max-width: calc(50% - 2rem);
        margin-bottom: 3rem;
    }

    .multiBlock {
        margin-bottom: 2rem;
    }
}

body:not(.elementor-editor-active) #content ul.metaWrap {
    margin-left: 1rem;
}