/*******************************************************

 *

 * Listings Results

 *

 *******************************************************/





#inner-page-wrapper {

    margin-bottom: 0;

}

#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;

}



.img-canvas {

    position: relative;

}

.img-canvas canvas {

    display: block;

    width: 100%;

    height: auto;

}

.img-canvas img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

}





.ip-listings-results-wrap {

    padding: 0 15px;

    position: relative;

}

.ip-listings-results-wrap .gsite-bg {

    max-height: 449px;

    top: auto;

    bottom: 0;

}

.ip-listings-results-wrap .gsite-bg canvas {

    filter: grayscale(1);

    opacity: 0.2;

}

.ip-listings-results-wrap .gsite-bg::before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(180deg, #fff, transparent);

    z-index: 1;

}

.ip-listings-results-inner {

    width: 100%;

    max-width: 1370px;

    margin: 0 auto;

    padding: 50px 0;

    position: relative;

    z-index: 4;

}

.ip-listings-results-title {

    text-align: center;

}

.ip-listings-result-feeds {

    display: flex;

    flex-wrap: wrap;

    padding-top: 60px;

    margin: 0 -7px;

}

.ip-listings-result-feed {

    width: 33.33%;

    padding: 7px;

}

.ip-listings-result-feed a {

    display: block;

    position: relative;

}

.ip-listings-result-feed-det,

.ip-listings-result-feed-hover {

    position: absolute;

    z-index: 2;

    transition: 0.3s;

}

.ip-listings-result-feed-det {

    width: 100%;

    bottom: 0;

    padding: 0 10px;

}

.ip-listings-result-feed-det-inner {

    width: 100%;

    max-width: 340px;

    margin: 0 auto;

    text-align: center;

    position: relative;

    padding: 32px 20px 25px;

}

.ip-listings-result-feed-det-inner:before {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(-90deg, rgb(63 108 30 / 100%) 0%, rgba(0, 71, 49, 1) 61%, rgb(0, 71, 49));

    opacity: 0.85;

    z-index: -1;

}



.ip-listings-result-feed-det-inner span, .ip-listings-result-feed-hover-inner > span {

    display: block;

    color: #ffff;

    font-size: 30px;

    font-family: var(--font-family-title);

    font-weight: 100;

    letter-spacing: 0.02em;

}

.ip-listings-result-feed-det-inner small, .ip-listings-result-feed-hover-inner > small {

    display: block;

    color: #fff;

    font-size: 16px;

    letter-spacing: 0.02em;

    line-height: 1.3;

    font-weight: 100;

}

.ip-listings-result-feed-hover {

    width: 100%;

    height: 100%;

    top: 0;

    padding: 45px;

    border: 5px solid rgba(var(--primary-color), 1);

    -o-border-image: var(--gradient-3) 2;

    border-image: var(--gradient-3) 2;

    opacity: 0;

}



.ip-listings-result-feed-hover-inner {

    position: relative;

    padding: 65px 25px 25px;

    text-align: center;

    height: 100%;

    pointer-events: none;

}



.ip-listings-result-feed-hover-inner:before {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: linear-gradient(-90deg, rgb(63 108 30 / 100%) 0%, rgba(0, 71, 49, 1) 61%, rgb(0, 71, 49));

    opacity: 0.88;

    z-index: -1;

}

.ip-listings-result-feed-hover-inner ul {

    display: flex;

    justify-content: center;

    padding: 25px 0;

}

 .ip-listings-result-feed-hover-inner ul li {

    color: #fff;

    padding: 0 13px;

    font-size: 13px;

    font-family: var(--font-family-title);

}

.ip-listings-result-feed-hover-inner .gsite-button {

    width: 100%;

}

.ip-listings-result-feed:hover .ip-listings-result-feed-hover {

    opacity: 1;

    pointer-events: auto

}

.ip-listings-result-feed:hover .ip-listings-result-feed-det {

    opacity: 0;

}

.ip-listings-result-feed:hover .ip-listings-result-feed-img img {

    filter: grayscale(1);

}

.ip-listings-result-controls a.gsite-button {

    width: 315px;

}

.ip-listings-result-controls {

    position: relative;

    width: fit-content;

    margin: 0 auto;

    padding: 70px 0 0;

}

.ip-listings-result-controls button.next {

    right: auto;

    left: calc(100% + 60px);

}

.ip-listings-result-controls button {

    background: none;

    border: none;

    color: var(--primary);

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: auto;

    right: calc(100% + 60px);

    transition: 0.3s;

}

.ip-listings-result-controls button:hover {

    opacity: 0.5;

}

/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/


.ihf-results-template #content ul{
    list-style-type: none !important;
}

h1.entry-title{
    display: none;
}

.ihf-results-template p#breadcrumbs{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.ihf-results-template .gsite-title h2{
    font-size: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
}

.ihf-results-template .listings-pagination {
    position: relative;
    margin-top: 81px;
}

.ihf-results-template .listings-pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
}

.ihf-results-template .listings-pagination ul li {
    -webkit-user-select: none;
    user-select: none;
    display: block;
    margin: 2px;
    padding: 0;
}

.ihf-results-template .listings-pagination ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--aios-ihf-template-global-page-primary-color);
    text-decoration: none;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #cecece;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ihf-results-template .listings-pagination ul li.active a,
.ihf-results-template .listings-pagination ul li a.active,
.ihf-results-template .listings-pagination ul li a:hover {
    color: #000000;
    border-color: #004731;
    background: var(--aios-ihf-template-global-page-primary-color);
    background: rgba(#004731, 0.9);
}

.ihf-results-template .listings-pagination ul li.active {
    cursor: not-allowed;
}

.ihf-results-template .listings-pagination ul li.active a,
.ihf-results-template .listings-pagination ul li a.active {
    pointer-events: none;
}

.ihf-results-template .listings-pagination ul li.ellipsis a {
    pointer-events: none;
    cursor: text;
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 

@media only screen and (max-width: 1199px) {

    .ip-listings-result-feed-det-inner span, .ip-listings-result-feed-hover-inner > span {

        font-size: 24px;

    }

    .ip-listings-result-feed-det-inner small, .ip-listings-result-feed-hover-inner > small {

        font-size: 14px;

    }

} 



/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 

@media only screen and (max-width: 991px) {

    .ip-listings-result-feed {

        width: 50%;

    }

    .ip-listings-result-feed-det {

        display: none;

    }

    .ip-listings-result-feed-hover {

        opacity: 1;

        pointer-events: auto;

        position: relative;

        padding: 0;

    }

    .ip-listings-result-feed-hover-inner {

        padding: 25px;

    }

    .ip-listings-result-controls .gsite-button {

        width: 100% !important;

    }

    .ip-listings-result-controls {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

    }

    .ip-listings-result-controls button {

        position: relative;

        left: auto !important;

        right: auto !important;

        margin: 30px 20px 10px;

    }





} 



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 

@media only screen and (max-width: 767px) {

    .ip-listings-result-feed {

        width: 100%;

        max-width: 500px;

        margin: 0 auto;

    }

}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 

@media only screen and (max-width: 480px) {

    .ip-listings-result-feed-hover-inner ul {

        flex-direction: column;

    }

    .ip-listings-result-feed-hover-inner ul li {

        padding: 4px 0;

    }

}