/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .jig-realties-container {

 }
 
 .jig-realty-list {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
 }
 
 .jig-realty {
 
 }
 
 .jig-realty--list-item {
     margin-bottom: 25px;
 }
 
 .jig-realty-list--grid .jig-realty--list-item:nth-child(3n+1) {
     clear:  left;
 }
 
 .jig-realty--list-item .jig-realty__header {
     position: relative;
     padding: 0 0 0 220px;
     min-height: 200px;
 }
 
 .jig-realty--list-item .jig-realty__featured-img {
     position: absolute;
     max-width: 200px;
     max-height: 200px;
     top: 0;
     left: 0;
 }
 
 .jig-realty--list-item .jig-realty__title {
     font-size: 1.2em;
     margin: 0 0 15px 0;
 }
 
 .jig-realty__title a {
     text-decoration: none;
 }
 
 .jig-info-list {
     list-style-type: none;
     margin: 0 0 20px 0;
     padding: 0;
 }
 
 .jig-info-list--extended {
 }
 
 .jig-info {
     border-bottom: 1px solid #ddd;
 }
 
 .jig-info:last-child {
     border: 0;
 }
 
 .jig-info__label {
     font-weight: 600;
 }
 
 .jig-jig-pagination {
     text-align: center;
 }
 
 .jig-photos-list {
     list-style-type: none;
     overflow: hidden;
     margin-bottom: 20px;
 }
 
 /* .jig-photos-list__item {
     width: 25%;
     height: 150px;
     padding: 0 10px;
     margin: 0 0 20px 0;
     float: left;
     text-align: center;
     overflow: hidden;
 }
 
 .jig-photos-list__item:nth-child(4n+1) {
     clear: left;
 }
 
 .jig-photos-list__item img {
     width: auto;
     height: 100%;
 } */
 
 .jig-photos-list__item.lslide.active {
     text-align: center;
     background: #333;
 }
 
 .lSSlideOuter .lSPager.lSGallery img {
     max-height: 60px;
     margin: 0 auto;
 }
 
 .jig-info-section {
     margin-bottom: 30px;
 }
 
 .jig-info-section__title {
     margin: 15px 0;
 }
 
 /* Realty List Grid */	
 
 .jig-realty-list--grid .jig-realty-list__item {
     width: 33.33%;
     padding: 10px;
     float: left;
 }
 
 .jig-realty-list--grid .jig-realty-list__item:nth-child(3n+1) {
     clear: left;
 }
 
 .jig-realty-list--grid .jig-realty__featured-img {
     position: relative;
     max-width: 100%;
     height: 170px;
     margin: 0 auto;
 }
 
 .jig-realty-list--grid .jig-realty__header {
     padding: 0 0 15px 0;
     background: #f6f6f6;
     text-align: center;
 }
 
 .jig-realty-list--grid .jig-realty__title {
     margin-top: 10px;
 }
 
 .jig-realty-list--grid .jig-info-list {
     width: 90%;
     margin: 0 auto;
     background: #fff;
 }
 
 .jig-realty-list--project {
     overflow-x: auto;
 }
 
 .jigwp-map {
     width: 100%;
     height: 400px;
 }

 .jig-realty-container.jig-realty-grid {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.jig-realty-container.jig-realty-grid.jig-realty-grid-col-1 article.jig-realty {
    width: 100%;
}
.jig-realty-container.jig-realty-grid.jig-realty-grid-col-2 article.jig-realty {
    width: 50%;
}
.jig-realty-container.jig-realty-grid.jig-realty-grid-col-3 article.jig-realty {
    width: 33%;
}
.jig-realty-container.jig-realty-grid.jig-realty-grid-col-4 article.jig-realty {
    width: 25%;
}
.jig-realty-container.jig-realty-grid.jig-realty-grid-col-5 article.jig-realty {
    width: 20%;
}
.jig-pagination {
    list-style-type: none;
    padding: 10px 0;
    display: inline-flex;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    flex-direction: row;
}
.jig-pagination li {
    box-sizing: border-box;
    padding-right: 10px;
}
.jig-pagination li a {
    box-sizing: border-box;
    background-color: #e2e6e6;
    padding: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #616872;
    border-radius: 4px;
}
.jig-pagination li a:hover {
    background-color: #d4dada;
}
.jig-pagination .next a, .jig-pagination .prev a {
    text-transform: uppercase;
    font-size: 12px;
}
.jig-pagination .currentpage a {
    background-color: #518acb;
    color: #fff;
}
.jig-pagination .currentpage a:hover {
    background-color: #518acb;
}