/* Variables */
@color10: #333333;
@color20: #3E3E3E;
@color30: #3E3E3E;

/* Color10 Colour Scheme */

.btn-default {
	background-image: none;
	background-color: @color20;
	border-color: transparent;
	text-shadow: none;
	color: #FFFFFF !important;
}

.btn-default:hover,
.btn-default:focus {
	background-color: @color10;
}

header #top-strip {
	background-color: @color10;
}

.social-icons li:hover a {
  	color: @color10;
}

.featured {
	background-color: @color10;
	color: @color20;
}

.status {
	background-color: @color10;
}

.search-section .select2-selection {
	background-color: @color10;
}

.author-profile .image-box .social-icons {
    background-color: @color20;
    opacity: 0.9;
}

.flex-direction-nav a {
	background-color: @color10;
}

.property-images-slider #details-carousel .flex-direction-nav a,
.property-images-slider #details-slider .flex-direction-nav a {
 	background-color: @color10;
 	opacity: 0.8;
}

.services-section::before {
	background-color: @color10;
}

.services-section .container .services-wrapper .single-service .bordered {
	border:2px solid @color10;
}

.services-section .container .services-wrapper .single-service:hover h4 {
  	color: @color10;
}

.services-section .container .services-wrapper .single-service:hover .icon-service {
  	color:@color10;
  	border-color: @color10;
}

.services-section .container .services-wrapper .single-service:hover .readmore {
  	background-color: @color10;
}

.bottom-strip {
	background-color: @color10;
}

.pagination-wrapper .pagination li a:hover {
	background-color: @color10;
}

.tabbed-content #myTab li.active a {
	background-color: @color10;
}

.single-tag a:hover {
	background-color: @color10;
}

.contact-form-wrapper .contact-form input[type='submit'] {
	background-color: @color10;
}

.page-title-section .breadcrumb {
	background-color: @color10;
}

.agent .image-box .social-icons {
	background-color: @color10;
}

.single-page .page-content a {
	color: @color10;
	text-decoration: none;
}

/* 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;
}

.comments-section a {
	color: @color10;
}

.comment-form-wrapper a {
	color: @color10;
}

/* Color20 Colour Scheme */

#premium-bar .navbar-default .navbar-nav > .active > a::after, #premium-bar nav li a:hover::after, #premium-bar nav li.open > a::after {
	border-bottom: 3px solid @color20;
}
#premium-bar nav li a:hover, #premium-bar nav li.open > a {
	color: @color20;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
	background-color: @color20;
}

.yellow-btn {
	background-color: @color20;
}

.contact-form-wrapper .contact-form input[type="submit"]:hover {
	background-color: @color20;
}

.main-flexslider .slides .slides .slide-box p a {
	border-bottom: 1px solid @color20;
	color: @color20;
}
.single-agent .image-box .agent-details::before {
	background-color: @color20;
}
.single-agent.agent-listing .image-box .social-icons {
	background-color: @color10;
}
.services-section .container .services-wrapper .single-service .icon-service i {
	background-color: @color20;
}
footer .container .footer-contact-info p i {
	color: @color20;
}
.bottom-strip .container #backtop-btn::after {
	background-color: @color20;
}
.property-desc .additional-features .features .single-feature a i {
	color: @color20;
}

/* Color30 Color Scheme */
.recent-listings::before {
	background-color: @color30;
}
.listing-single-item .item-inner .image-wrapper a .image-banner {
	background-color: @color30;
}
.listing-single-item .item-inner .desc-box h4::before {
	background-color: @color30;
}
.listing-single-item .item-inner .desc-box .desc-wrapper {
	background-color: @color30; 
}