/* Variables
*********************************/
@color10:		#F2F2F2;
@color20: 		#F5F5F5;



/*---- Color10 Styles ----*/

a {
	color: @color10;
}

#nav-mobile-btn {
	background-color: @color10;
}

.btn-brand {
	background-color: @color10;
}

.banner-wrapper .inner-container::after {
	background-color: @color10;
}

.banner-menu-wrapper {
	border-top: 2px solid @color10;
}

.banner-menu li {
	border: 1px solid @color10;
}

.banner-menu li::before {
	background-color: @color10;
}

.navbar-nav > li.active > a, .navbar-nav > li.current-menu-parent > a {
	color: @color10;
}

.navbar-nav > li.active > a::after, .navbar-nav > li.current-menu-parent > a::after {
	border-bottom: 2px solid @color10;
}

.property-search .nav-tabs > li, 
.property-search .nav-tabs > li > a {
	background-color: @color10;
}

.property-search .tab-pane {
	background-color: @color10;
}

.image-wrapper .property-status-banner {
	color: @color10;
	border-top: 1px solid @color10;
	border-bottom: 1px solid @color10;
}

.property-grid-wrapper, .property-list-wrapper {
	border: 1px solid @color10;
}

.property-grid-wrapper .property-attributes .bbc .bbc-icon, .property-list-wrapper .property-attributes .bbc .bbc-icon {
	border-right: 1px solid @color10;
}
.agent-info-wrapper .contact-info li i {
	color: @color10;
}
.owl-dot.active > span {
	background-color: @color10;
}
.owl-prev, .owl-next {
	color: @color10;
}
.section-title.light::before, .section-title.light::after {
	border: 1px solid @color10;
}
.inspectionday-wrapper {
	border-right: 4px solid @color10;
}
.sales-inspections, .rental-inspections, .search, .featured-property {
	border-top: 2px solid @color10;
	border-bottom: 2px solid @color10;
}
.featured-property .featured {
	border: 1px solid @color10;
}
.featured-property .featured .featured-property-wrapper .featured-information .heading h3 {
	color: @color10;
}
.property-grid-wrapper .details-wrapper .property-address, .property-list-wrapper .details-wrapper .property-address, .category-list-wrapper .blog-details-wrapper .blog-title {
	color: @color10;
}
.nav > li > a:focus, 
.nav > li > a:hover {
	color: @color10;
}
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li.active > a {
	background-color: @color10;
}
.listings-filter-results-container {
	border: 2px solid @color10;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	background-color: @color10;
	border-color: @color10;
}
.offcanvas-form-heading {
	border-bottom: 2px solid @color10;
}
.offcanvas-form-cancel.close-offcanvas {
	background-color: @color10;
}
.footer-section a:hover {
	color: @color10;
}
.testimonials {
	border-top: 1px solid @color10;
	border-bottom: 1px solid @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;
}

.to-top .roll {
	background-color: @color10;
}
.static-social .facebook {
	background-color: @color10;
}
.static-social .twitter {
	background-color: @color10;
}
.static-social .youtube {
	background-color: @color10;
}
.static-social .google-plus {
	background-color: @color10;
}
.static-social .pinterest {
	background-color: @color10;
}
.static-social .linkedin {
	background-color: @color10;
}
.static-social .instagram {
	background-color: @color10;
}
.static-social .flickr {
	background-color: @color10;
}
.static-social .blog {
	background-color: @color10;
}


/*---- Color20 Styles ----*/

.btn-brand.active {
	background-color: @color20;
}

#nav-section {
	background-color: @color20;
}

.title-bar {
	border-bottom: 2px solid @color20;
}

.title-bar::after {
	border: 1px solid @color20;
}
.search::before, .property-header::before, .nav-mobile .menu-padding::before, .featured-property::before {
	background-color: @color20;
}

#latest-listings-carousel .listing-wrapper .details-wrapper::before {
	background-color: @color20;
}

.property-search .nav-tabs > li.active, 
.property-search .nav-tabs > li.active > a {
	background-color: @color20;
}

.property-search .tab-pane.active {
	background-color: @color20;
}
.inspectionday-wrapper, #rent-inspections-carousel {
	background-color: @color20;
}

.property-grid-wrapper .property-attributes, .property-list-wrapper .property-attributes {
	background-color: @color20;
}

.property-grid-wrapper .details-wrapper .property-address, .property-list-wrapper .details-wrapper .property-address, .category-list-wrapper .blog-details-wrapper .blog-title {
	border-bottom: 2px solid @color20;
}
.agent-info-wrapper {
	background-color: @color20;
}
.footer-main {
	background-color: @color20;
}
.owl-dot > span {
	background-color: @color20;
}
.sales-inspections::before, .rental-inspections::before, .offcanvas-form-heading::before, .testimonials::before {
	background-color: @color20;
}
.section-title::before, .section-title::after {
	border: 1px solid @color20;
}
.call-to-action {
	background-color: @color20;
}
.navbar-nav .dropdown-menu {
	background-color: @color20;
}
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-menu > li > a:hover {
	color: @color20;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: @color20;
	border-color: @color20;
}
.property-item .inspection-list {
	background-color: @color20;
}
.offcanvas-form-submit {
	background-color: @color20;
}
.images-map-wrapper .nav-tabs > li.active > a,
.images-map-wrapper .nav-tabs > li.active > a:focus,
.images-map-wrapper .nav-tabs > li.active > a:hover {
	background-color: @color20;
}
.images-map-wrapper .nav-tabs > li > a:hover {
	background-color: @color20;
}
#nav-mobile-btn {
	color: @color20;
}
.to-top .roll {
	border: 2px solid @color20;
}
.single-subdivisions .subdivision-wrapper {
	border-top: 2px solid @color20;
}
.single-subdivisions .subdivision-banner {
	background-color: @color20;
}