/* ----------------------------------------- */ /* View slug: featured-house - start */ /* ----------------------------------------- */ /*Layouts css goes here*/ /* Property filtering*/ .filter-list { margin-bottom: 30px; } .filter-list [class*=col-xs] { padding: 0 5px; } .filter-list [class*=col-xs]:first-child { padding-left: 15px; } .filter-list [class*=col-xs]:last-child { padding-right: 15px; } .filter-list .search-header h3 { margin-top: 10px; margin-bottom: 5px; color: white; font-size: 1.7em; } .filter-list .search-more { padding-top: 20px; } .filter-list .form-inline div.checkbox { padding: 1px 3px; } .filter-list label { font-weight: normal; font-size: .9em; margin: 0; } .filter-list .search-header:after { content: ""; border-width: 10px; border-style: solid; border-color: var(--primary-color) transparent transparent transparent; height: 1px; width: 1px; position: absolute; bottom: -19px; right: 50%; margin-left: -10px; z-index: 1; } @media (min-width: 768px) { .filter-list .search-header:after { border-color: transparent transparent transparent var(--primary-color); bottom: auto; top: 50%; right: -19px; margin-left: 0; margin-top: -10px; } } /* Property slider + Single property image header */ .property-slider, .property-header { background-size: cover; background-position: center; background-repeat: no-repeat; height: 500px; position: relative; } .property-slider:before, .property-header:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(138, 138, 138, 0) 30%, rgba(255, 255, 255, 0) 100%); } .slider-content { margin-top: 10%; } .slider-header { padding: 10px 15px; margin: 0 } .slider-info { padding: 15px; background: rgba(255, 255, 255, 0.8); } .slider-info h3 { margin-top: 0; } .property-slider-pagination { margin-top: -25px; z-index: 10; position: relative; } @media (max-width: 760px) { .property-header { height: 250px; font-size: .5em; } } .property-header h1, .property-header .info { text-shadow: 0px 0px 1em #000, 1px 1px 0.2em rgba(0, 0, 0, 0.6), -1px -1px 0.2em rgba(0, 0, 0, 0.6); color: #fff; } .property-header h1 { margin: 10% 0 0 10%; font-size: 4em; } .property-header .info { font-size: 2em; margin: 10px 0 0 10%; } @media (min-width: 768px) { .filter-list .search-header { width: 90%; min-height: 130px; text-align: left; } } .filter-list .search-header { background-color: var(--primary-color); padding: 15px; color: #fff; position: relative; text-align: center; } .filter-list .search-header p { color: #fff; } /* Single Property Content */ .property-content, .property-features, .property-map { margin-top: 50px; } .property-header, .property-gallery { margin-bottom: 50px; } .property-features li { display: inline-block; width: 190px; padding-right: 2.14285714em; } .property-details .property-detail { display: inline-block; padding: 5px 10px; } /****************************************************** COLORS *******************************************************/ :root { --primary-color: #FC5D28; --house-color: #FC5D28; --apartment-color: #DEB510; --land-color: #3CBEFE; --office-color: #4D4DCC; } .bg-primary { color: #fff; background-color: var(--primary-color); } .text-primary, .home .pagination > li > a { color: var(--primary-color); } .border-primary { border-color: var(--primary-color); } input[type="submit"], .btn-primary, .pagination-dots > li > a:hover, .pagination-dots > .active-dot > a, .pagination span { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff; } /* House - Color */ #menu-main-menu .menu-item-object-house a:hover, #menu-main-menu .current-menu-item.menu-item-object-house a, #primary-menu .menu-item-object-house a:hover, #primary-menu .current-menu-item.menu-item-object-house a, #menu-main-menu-french .menu-item-object-house a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-house a, #primary-menu-french .menu-item-object-house a:hover, #primary-menu-french .current-menu-item.menu-item-object-house a, .post-type-archive-house .bg-primary, .single-house .bg-primary, .post-type-archive-house .filter-list .search-header { background-color: var(--house-color); !important } .post-type-archive-house .text-primary, .post-type-archive-house a, .single-house .text-primary, .single-house a, .post-type-archive-house .pagination li a { color: var(--house-color); } .post-type-archive-house .border-primary, .single-house .border-primary { border-color: var(--house-color); } .post-type-archive-house input[type="submit"], .post-type-archive-house .btn-primary, .home .btn-primary, .single-house input[type="submit"], .single-house .btn-primary, .post-type-archive-house .pagination-dots > li > a:hover, .post-type-archive-house .pagination-dots > .active-dot > a, .post-type-archive-house .pagination span { background-color: var(--house-color) !important; border-color: var(--house-color) !important; color: #fff; } .post-type-archive-house .filter-list .search-header:after { border-color: var(--house-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-house .filter-list .search-header:after { border-color: transparent transparent transparent var(--house-color); } } /* Apartment - Color */ #menu-main-menu .menu-item-object-apartment a:hover, #menu-main-menu .current-menu-item.menu-item-object-apartment a, #menu-main-menu-french .menu-item-object-apartment a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-apartment a, #primary-menu .menu-item-object-apartment a:hover, #primary-menu .current-menu-item.menu-item-object-apartment a, #primary-menu-french .menu-item-object-apartment a:hover, #primary-french .current-menu-item.menu-item-object-apartment a, .post-type-archive-apartment .bg-primary, .single-apartment .bg-primary, .post-type-archive-apartment .filter-list .search-header { background-color: var(--apartment-color) !important } .post-type-archive-apartment .text-primary, .post-type-archive-apartment a, .single-apartment .text-primary, .single-apartment a, .post-type-archive-apartment .pagination li a { color: var(--apartment-color); } .post-type-archive-apartment .border-primary, .single-apartment .border-primary { border-color: var(--apartment-color); } .post-type-archive-apartment input[type="submit"], .post-type-archive-apartment .btn-primary, .single-apartment input[type="submit"], .single-apartment .btn-primary, .post-type-archive-apartment .pagination-dots > li > a:hover, .post-type-archive-apartment .pagination-dots > .active-dot > a, .post-type-archive-apartment .pagination span { background-color: var(--apartment-color) !important; border-color: var(--apartment-color) !important; color: #fff; } .post-type-archive-apartment .filter-list .search-header:after { border-color: var(--apartment-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-apartment .filter-list .search-header:after { border-color: transparent transparent transparent var(--apartment-color); } } /* Land - Color */ #menu-main-menu .menu-item-object-land a:hover, #menu-main-menu .current-menu-item.menu-item-object-land a, #menu-main-menu-french .menu-item-object-land a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-land a, #primary-menu .menu-item-object-land a:hover, #primary-menu .current-menu-item.menu-item-object-land a, #primary-menu-french .menu-item-object-land a:hover, #primary-menu-french .current-menu-item.menu-item-object-land a, .post-type-archive-land .bg-primary, .single-land .bg-primary, .post-type-archive-land .filter-list .search-header { background-color: var(--land-color) !important } .post-type-archive-land .text-primary, .post-type-archive-land a, .single-land .text-primary, .single-land a, .post-type-archive-land .pagination li a { color: var(--land-color); } .post-type-archive-land .border-primary, .single-land .border-primary { border-color: var(--land-color); } .post-type-archive-land input[type="submit"], .post-type-archive-land .btn-primary, .single-land input[type="submit"], .single-land .btn-primary, .post-type-archive-land .pagination-dots > li > a:hover, .post-type-archive-land .pagination-dots > .active-dot > a, .post-type-archive-land .pagination span { background-color: var(--land-color) !important; border-color: var(--land-color) !important; color: #fff; } .post-type-archive-land .filter-list .search-header:after { border-color: var(--land-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-land .filter-list .search-header:after { border-color: transparent transparent transparent var(--land-color); } } /* Office - Color */ #menu-main-menu .menu-item-object-office a:hover, #menu-main-menu .current-menu-item.menu-item-object-office a, #menu-main-menu-french .menu-item-object-office a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-office a, #primary-menu .menu-item-object-office a:hover, #primary-menu .current-menu-item.menu-item-object-office a, #primary-menu-french .menu-item-object-office a:hover, #primary-menu-french .current-menu-item.menu-item-object-office a, .post-type-archive-office .bg-primary, .single-office .bg-primary, .post-type-archive-office .filter-list .search-header { background-color: var(--office-color) !important } .post-type-archive-office .text-primary, .post-type-archive-office a, .single-office .text-primary, .single-office a, .post-type-archive-office .pagination li a { color: var(--office-color); } .post-type-archive-office .border-primary, .single-office .border-primary { border-color: var(--office-color); } .post-type-archive-office input[type="submit"], .post-type-archive-office .btn-primary, .single-office input[type="submit"], .single-office .btn-primary, .post-type-archive-office .pagination-dots > li > a:hover, .post-type-archive-office .pagination-dots > .active-dot > a, .post-type-archive-office .pagination span { background-color: var(--office-color) !important; border-color: var(--office-color) !important; color: #fff; } .post-type-archive-office .filter-list .search-header:after { border-color: var(--office-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-office .filter-list .search-header:after { border-color: transparent transparent transparent var(--office-color); } } /**************************** Single Agent **************************/ ul.list-group { margin: 0; } /* helper classes */ .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .margin-top {margin-top:30px;} .border-top {margin-top:10px;} .border-top h3 {margin-bottom:5px} /* ----------------------------------------- */ /* View slug: featured-house - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: search-house-homepage - start */ /* ----------------------------------------- */ .advanced-search-column .checkbox { margin-top: 10; margin-bottom: 10; } .advanced-search-column .wpv-sort-control-radio{ margin: 0 5px 0 10px; } /*Layouts css goes here*/ /* Property filtering*/ .filter-list { margin-bottom: 30px; } .filter-list [class*=col-xs] { padding: 0 5px; } .filter-list [class*=col-xs]:first-child { padding-left: 15px; } .filter-list [class*=col-xs]:last-child { padding-right: 15px; } .filter-list .search-header h3 { margin-top: 10px; margin-bottom: 5px; color: white; font-size: 1.7em; } .filter-list .search-more { padding-top: 20px; } .filter-list .form-inline div.checkbox { padding: 1px 3px; } .filter-list label { font-weight: normal; font-size: .9em; margin: 0; } .filter-list .search-header:after { content: ""; border-width: 10px; border-style: solid; border-color: var(--primary-color) transparent transparent transparent; height: 1px; width: 1px; position: absolute; bottom: -19px; right: 50%; margin-left: -10px; z-index: 1; } @media (min-width: 768px) { .filter-list .search-header:after { border-color: transparent transparent transparent var(--primary-color); bottom: auto; top: 50%; right: -19px; margin-left: 0; margin-top: -10px; } } /* Property slider + Single property image header */ .property-slider, .property-header { background-size: cover; background-position: center; background-repeat: no-repeat; height: 500px; position: relative; } .property-slider:before, .property-header:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(138, 138, 138, 0) 30%, rgba(255, 255, 255, 0) 100%); } .slider-content { margin-top: 10%; } .slider-header { padding: 10px 15px; margin: 0 } .slider-info { padding: 15px; background: rgba(255, 255, 255, 0.8); } .slider-info h3 { margin-top: 0; } .property-slider-pagination { margin-top: -45px; z-index: 10; position: relative; } @media (max-width: 760px) { .property-header { height: 250px; font-size: .5em; } } .property-header h1, .property-header .info { text-shadow: 0px 0px 1em #000, 1px 1px 0.2em rgba(0, 0, 0, 0.6), -1px -1px 0.2em rgba(0, 0, 0, 0.6); color: #fff; } .property-header h1 { margin: 10% 0 0 10%; font-size: 4em; } .property-header .info { font-size: 2em; margin: 10px 0 0 10%; } @media (min-width: 768px) { .filter-list .search-header { width: 90%; min-height: 130px; text-align: left; } } .filter-list .search-header { background-color: var(--primary-color); padding: 15px; color: #fff; position: relative; text-align: center; } .filter-list .search-header p { color: #fff; } /* Single Property Content */ .property-content, .property-features, .property-map { margin-top: 50px; } .property-header, .property-gallery { margin-bottom: 50px; } .property-features li { display: inline-block; width: 190px; padding-right: 2.14285714em; } .property-details .property-detail { display: inline-block; padding: 5px 10px; } /****************************************************** COLORS *******************************************************/ :root { --primary-color: #FC5D28; --house-color: #FC5D28; --apartment-color: #DEB510; --land-color: #3CBEFE; --office-color: #4D4DCC; } .bg-primary { color: #fff; background-color: var(--primary-color); } .text-primary, .home .pagination > li > a { color: var(--primary-color); } .border-primary { border-color: var(--primary-color); } input[type="submit"], .btn-primary, .pagination-dots > li > a:hover, .pagination-dots > .active-dot > a, .pagination span { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff; } /* House - Color */ #menu-main-menu .menu-item-object-house a:hover, #menu-main-menu .current-menu-item.menu-item-object-house a, #primary-menu .menu-item-object-house a:hover, #primary-menu .current-menu-item.menu-item-object-house a, #menu-main-menu-french .menu-item-object-house a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-house a, #primary-menu-french .menu-item-object-house a:hover, #primary-menu-french .current-menu-item.menu-item-object-house a, .post-type-archive-house .bg-primary, .single-house .bg-primary, .post-type-archive-house .filter-list .search-header { background-color: var(--house-color); !important } .post-type-archive-house .text-primary, .post-type-archive-house a, .single-house .text-primary, .single-house a, .post-type-archive-house .pagination li a { color: var(--house-color); } .post-type-archive-house .border-primary, .single-house .border-primary { border-color: var(--house-color); } .post-type-archive-house input[type="submit"], .post-type-archive-house .btn-primary, .home .btn-primary, .single-house input[type="submit"], .single-house .btn-primary, .post-type-archive-house .pagination-dots > li > a:hover, .post-type-archive-house .pagination-dots > .active-dot > a, .post-type-archive-house .pagination span { background-color: var(--house-color) !important; border-color: var(--house-color) !important; color: #fff; } .post-type-archive-house .filter-list .search-header:after { border-color: var(--house-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-house .filter-list .search-header:after { border-color: transparent transparent transparent var(--house-color); } } /* Apartment - Color */ #menu-main-menu .menu-item-object-apartment a:hover, #menu-main-menu .current-menu-item.menu-item-object-apartment a, #menu-main-menu-french .menu-item-object-apartment a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-apartment a, #primary-menu .menu-item-object-apartment a:hover, #primary-menu .current-menu-item.menu-item-object-apartment a, #primary-menu-french .menu-item-object-apartment a:hover, #primary-french .current-menu-item.menu-item-object-apartment a, .post-type-archive-apartment .bg-primary, .single-apartment .bg-primary, .post-type-archive-apartment .filter-list .search-header { background-color: var(--apartment-color) !important } .post-type-archive-apartment .text-primary, .post-type-archive-apartment a, .single-apartment .text-primary, .single-apartment a, .post-type-archive-apartment .pagination li a { color: var(--apartment-color); } .post-type-archive-apartment .border-primary, .single-apartment .border-primary { border-color: var(--apartment-color); } .post-type-archive-apartment input[type="submit"], .post-type-archive-apartment .btn-primary, .single-apartment input[type="submit"], .single-apartment .btn-primary, .post-type-archive-apartment .pagination-dots > li > a:hover, .post-type-archive-apartment .pagination-dots > .active-dot > a, .post-type-archive-apartment .pagination span { background-color: var(--apartment-color) !important; border-color: var(--apartment-color) !important; color: #fff; } .post-type-archive-apartment .filter-list .search-header:after { border-color: var(--apartment-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-apartment .filter-list .search-header:after { border-color: transparent transparent transparent var(--apartment-color); } } /* Land - Color */ #menu-main-menu .menu-item-object-land a:hover, #menu-main-menu .current-menu-item.menu-item-object-land a, #menu-main-menu-french .menu-item-object-land a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-land a, #primary-menu .menu-item-object-land a:hover, #primary-menu .current-menu-item.menu-item-object-land a, #primary-menu-french .menu-item-object-land a:hover, #primary-menu-french .current-menu-item.menu-item-object-land a, .post-type-archive-land .bg-primary, .single-land .bg-primary, .post-type-archive-land .filter-list .search-header { background-color: var(--land-color) !important } .post-type-archive-land .text-primary, .post-type-archive-land a, .single-land .text-primary, .single-land a, .post-type-archive-land .pagination li a { color: var(--land-color); } .post-type-archive-land .border-primary, .single-land .border-primary { border-color: var(--land-color); } .post-type-archive-land input[type="submit"], .post-type-archive-land .btn-primary, .single-land input[type="submit"], .single-land .btn-primary, .post-type-archive-land .pagination-dots > li > a:hover, .post-type-archive-land .pagination-dots > .active-dot > a, .post-type-archive-land .pagination span { background-color: var(--land-color) !important; border-color: var(--land-color) !important; color: #fff; } .post-type-archive-land .filter-list .search-header:after { border-color: var(--land-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-land .filter-list .search-header:after { border-color: transparent transparent transparent var(--land-color); } } /* Office - Color */ #menu-main-menu .menu-item-object-office a:hover, #menu-main-menu .current-menu-item.menu-item-object-office a, #menu-main-menu-french .menu-item-object-office a:hover, #menu-main-menu-french .current-menu-item.menu-item-object-office a, #primary-menu .menu-item-object-office a:hover, #primary-menu .current-menu-item.menu-item-object-office a, #primary-menu-french .menu-item-object-office a:hover, #primary-menu-french .current-menu-item.menu-item-object-office a, .post-type-archive-office .bg-primary, .single-office .bg-primary, .post-type-archive-office .filter-list .search-header { background-color: var(--office-color) !important } .post-type-archive-office .text-primary, .post-type-archive-office a, .single-office .text-primary, .single-office a, .post-type-archive-office .pagination li a { color: var(--office-color); } .post-type-archive-office .border-primary, .single-office .border-primary { border-color: var(--office-color); } .post-type-archive-office input[type="submit"], .post-type-archive-office .btn-primary, .single-office input[type="submit"], .single-office .btn-primary, .post-type-archive-office .pagination-dots > li > a:hover, .post-type-archive-office .pagination-dots > .active-dot > a, .post-type-archive-office .pagination span { background-color: var(--office-color) !important; border-color: var(--office-color) !important; color: #fff; } .post-type-archive-office .filter-list .search-header:after { border-color: var(--office-color) transparent transparent transparent; } @media (min-width: 768px) { .post-type-archive-office .filter-list .search-header:after { border-color: transparent transparent transparent var(--office-color); } } /**************************** Single Agent **************************/ ul.list-group { margin: 0; } /* helper classes */ .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .margin-top {margin-top:30px;} .border-top {margin-top:10px;} .border-top h3 {margin-bottom:5px} /* ----------------------------------------- */ /* View slug: search-house-homepage - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-grid - start */ /* ----------------------------------------- */ .property-meta { margin-bottom: 50px; } .property-meta .property-detail { padding: 0 5px; } /* ----------------------------------------- */ /* Content Template: loop-item-grid - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: part-marker-info-popup - start */ /* ----------------------------------------- */ .map-title { margin: 10px 0 5px 5px; max-width: 200px; } .map-price { font-size: 1.15em; margin: 0 0 0 5px; } /* ----------------------------------------- */ /* Content Template: part-marker-info-popup - end */ /* ----------------------------------------- */