/* Variables */ @color10: #F5F5F5; @color20: #F6F6F6; /* Primary Color */ a { color: @color10; } a:hover h1, a:hover h2, a:hover h3, a:hover h4 { color: @color10; } hr.divider { border-color: @color10; } ul.list-links li a:hover { color: @color10; } .background-color-default { background-color: @color10; } .link-icon .fa { color: @color10; } .link-arrow:after { color: @color10; } .link-arrow.back:before { color: @color10; } .navigation .navbar .navbar-nav > li.has-child:after { color: @color10; } .navigation .navbar .navbar-nav > li a:after { background-color: @color10; } .navigation .navbar .navbar-nav > li > .child-navigation.position-bottom > li:last-child:hover a:after { border-color: @color10 transparent transparent transparent; } .navigation .navbar .navbar-nav > li > .child-navigation > li:first-child:hover a:hover:after { border-color: transparent transparent @color10 transparent; } .navigation .navbar .navbar-nav > li .child-navigation li a:hover { background-color: @color10; } .navigation .navbar .navbar-nav li .child-navigation li.has-child:after { color: @color10; } .navigation .secondary-navigation a.promoted { color: @color10; } #page-footer .inner #footer-copyright a:hover { color: @color10; } #page-footer .inner .property-thumbnail { background-color: @color10; } .geo-location-wrapper .btn:hover { color: @color10; } #agent-detail .agency-logo:after { color: @color10; } .banner .submit { color: @color10; } .bookmark:before { color: @color10; } .bookmark-added:after { color: @color10; } .comments .comment .reply .fa { color: @color10; } /* DATE PICKER */ .datepicker .day.active, .datepicker .prev.active, .datepicker .next.active, .datepicker .month.active, .datepicker .year.active { background-color: @color10; color: #ffffff; } .datepicker .month:hover, .datepicker .year:hover, .datepicker .day:hover, .datepicker .prev:hover, .datepicker .next:hover { background-color: @color10; color: #ffffff; } .error-page .title header { color: @color10; } .faq .icon { background-color: @color10; } .faq .icon:after { border-color: transparent @color10 transparent transparent; } .feature-box .icon { background-color: @color10; } .feature-box .icon:after { border-color: transparent @color10 transparent transparent; } .fun-facts .number-wrapper .number { color: @color10; } .member .tag { background-color: @color10; } .my-properties table tbody tr td.actions .edit i { color: @color10; } .pagination li a:hover, .pagination li a:active, .pagination li a:focus { border-color: @color10; color: @color10; } .price-box header { background-color: @color10; } .property.small .info a:hover { color: @color10; } .property-carousel .owl-controls .owl-prev, .property-carousel .owl-controls .owl-next { background-color: @color10; } .property-features-list li:before { color: @color10; } .rating img { background-color: @color10; } .rating .inner img { background-color: @color10; } .ribbon { background-color: @color10; } #search-filter h3 i { color: @color10; } .show-on-map .fa { color: @color10; } #sidebar ul.list-links li { color: @color10; } #sidebar .sidebar-navigation > li a:hover { border-color: @color10; } #sidebar .sidebar-navigation > li a:hover:after { border-color: transparent transparent transparent @color10; } #sidebar .sidebar-navigation > li i { color: @color10; } #sidebar .sidebar-navigation > li ul > li:before { color: @color10; } .show-all:after { color: @color10; } .submit-pricing table thead tr th.title { color: @color10; } .submit-pricing table tbody tr td.available { color: @color10; } .submit-step .step-number { background-color: @color10; } .submit-step .step-number:after { border-color: transparent transparent transparent @color10; } .tag.price { background-color: @color10; } .timeline-item .circle .dot { background-color: @color10; } .timeline-item .circle .date { background-color: @color10; } .timeline-item .circle .date:after { border-color: transparent @color10 transparent transparent; } .universal-button figure { color: @color10; } .universal-button .arrow { color: @color10; } .marker-style { border: 3px solid @color10; } .cluster > div:before { background-color: @color10; } .leaflet-div-icon:after { border: 3px solid @color10; } .infobox-wrapper .infobox-inner .infobox-image .infobox-price { background-color: @color10; } .infobox-wrapper .infobox-inner .fa { color: @color10; } .marker-cluster { background-color: @color10; } .checkbox.switch .icheckbox:hover { border-color: @color10; } .checkbox.switch .icheckbox:before { background-color: @color10; } .checkbox.switch .icheckbox.checked { border-color: @color10; } .bootstrap-select .selectpicker .caret:after { color: @color10; } .bootstrap-select .selectpicker .filter-option:before { color: @color10; } .btn.btn-default:hover, select.btn-default:hover { background-color: @color10; color: #FFFFFF; } .jslider .jslider-bg .v { background-color: @color10; } .jslider .jslider-pointer { background: url("../img/price-range-dragger.png") no-repeat 50% 50% @color10; } .jslider .jslider-pointer:before { border-color: transparent transparent @color10 transparent; } .horizontal-search .search-box-wrapper { background-color: @color10; } .horizontal-search .search-box-wrapper .search-box .form-map .selectpicker .caret:after { color: @color10; } .navigation .navbar .navbar-nav li.mobile-submit i { color: @color10; } .search-box-wrapper .search-box .nav-pills li.active a { background-color: @color10; } .search-box-wrapper .search-box .nav-pills li a:after { border-color: @color10 transparent transparent transparent; } /* Secondary Color */ a h1, a h2, a h3, a h4 { color: @color20; } blockquote .cite footer { color: @color20; } .background-color-default-darker { background-color: @color20; } .link-arrow:hover:after { color: @color20; } .link-arrow.back:hover:before { color: @color20; } .navigation .secondary-navigation a:hover { color: @color20; } .navigation .secondary-navigation a.promoted:hover { color: @color20; } #page-footer .inner #footer-copyright { background-color: @color20; } #about-us #ceo-section h3 { color: @color20; } .geo-location-wrapper .btn { color: @color20; } .geo-location-wrapper .text { background-color: @color20; } .geo-location-wrapper .text:after { border-color: transparent transparent transparent @color20; } .banner .submit i { color: @color20; } .bookmark:hover:before { color: @color20; } .display-lines .property .info header h3 { color: @color20; } .faq header { color: @color20; } .feature-box .description h3 { color: @color20; } .fun-facts .number-wrapper figure { color: @color20; } .member h3 { color: @color20; } .my-properties table thead tr th { background-color: @color20; } .my-properties table tbody tr td.actions .edit:hover i { color: @color20; } #office_hours .color-brand { color: @color20; } .pagination li.active a, .pagination li span.current { border-color: @color20; color: @color20; } .pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus, .pagination li span.current:hover, .pagination li span.current:active, .pagination li span.current:focus { border-color: @color20; color: @color20; } .post-author header { color: @color20; } .price-box .price { background-color: @color20; } .property .overlay .additional-info { background-color: @color20; } .property.masonry aside h3 { color: @color20; } #sidebar .sidebar-navigation li.active a { border-color: @color20; } #sidebar .sidebar-navigation li.active a:after { border-color: transparent transparent transparent @color20; } .submit-pricing table tbody tr.prices td { color: @color20; } .submission-message header { color: @color20; } .tool-tip { color: @color20; } .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content { border-top: 5px solid @color20; } .infobox-wrapper .infobox-inner { border-top: 6px solid @color20; } .infobox-wrapper .infobox-inner .infobox-title a { color: @color20; } .marker-cluster:hover { background-color: @color20; } .checkbox.switch .icheckbox:after { color: @color20; } .checkbox.switch .icheckbox.checked:before { background-color: @color20; } .search-box .form-map input[type="text"], .search-box .form-map input[type="email"], .search-box .form-map input[type="search"], .search-box .form-map input[type="password"], .search-box .form-map input[type="number"], .search-box .form-map textarea, .search-box .form-map select, .search-box .form-map .selectpicker, .search-box .form-map .price-range { background-color: @color20; } .horizontal-search .search-box-wrapper .search-box .advanced-search-toggle .fa { color: @color20; } .horizontal-search .search-box-wrapper .search-box .nav-pills li.active a { background-color: @color20; } .horizontal-search .search-box-wrapper .search-box .nav-pills li a:after { border-color: @color20 transparent transparent transparent; } .horizontal-search .search-box-wrapper .search-box .form-map button { background-color: @color20; } .horizontal-search-float .search-box .nav-pills li.active a { color: @color20; } .horizontal-search-float .search-box .form-map input[type="text"], .horizontal-search-float .search-box .form-map input[type="email"], .horizontal-search-float .search-box .form-map input[type="search"], .horizontal-search-float .search-box .form-map input[type="password"], .horizontal-search-float .search-box .form-map input[type="number"], .horizontal-search-float .search-box .form-map textarea, .horizontal-search-float .search-box .form-map select, .horizontal-search-float .search-box .form-map .selectpicker, .horizontal-search-float .search-box .form-map .price-range { background-color: @color20; } .col-sm-4 .property .overlay .info h3 { color: @color20; } .navigation .secondary-navigation { background-color: #F5F5F5; } .search-box-wrapper { background-color: @color20; } @media (max-width: 767px){ .navigation .secondary-navigation .user-area a:hover { color: @color20; } }