.btn:not(.btn-sort-order, .accordion-button, .btn-search-counts), button:not(.btn-sort-order, .accordion-button, .btn-search-counts), btn-success:not(.btn-sort-order, .accordion-button, .btn-search-counts), .btn-primary:not(.btn-sort-order, .accordion-button, .btn-search-counts), .btn-check:not(.btn-sort-order, .accordion-button, .btn-search-counts), .btn.active:not(.btn-sort-order, .accordion-button, .btn-search-counts), .btn.show:not(.btn-sort-order, .accordion-button, .btn-search-counts),.btn:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus, button:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus, btn-success:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus, .btn-primary:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus, .btn-check:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus, .btn.active:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus, .btn.show:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus,.btn:not(.btn-sort-order, .accordion-button, .btn-search-counts):active, button:not(.btn-sort-order, .accordion-button, .btn-search-counts):active, btn-success:not(.btn-sort-order, .accordion-button, .btn-search-counts):active, .btn-primary:not(.btn-sort-order, .accordion-button, .btn-search-counts):active, .btn-check:not(.btn-sort-order, .accordion-button, .btn-search-counts):active, .btn.active:not(.btn-sort-order, .accordion-button, .btn-search-counts):active, .btn.show:not(.btn-sort-order, .accordion-button, .btn-search-counts):active,.btn:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited, button:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited, btn-success:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited, .btn-primary:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited, .btn-check:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited, .btn.active:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited, .btn.show:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited
{
    color: var(--sc-default-button-text-color);
    background-color: var(--sc-default-button-background-color) ;
    border-color: var(--sc-default-button-border-color );
    padding-left: 7.5px;
    padding-right: 7.5px;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 45px;
}

.btn:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover, button:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover, btn-success:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover, .btn-primary:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover, .btn-check:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover, .btn.active:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover, .btn.show:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover
{
    color: var(--sc-default-button-hover-text-color);
    background-color: var(--sc-default-button-hover-background-color);
    border-color: var(--sc-default-button-hover-border-color);
}

.btn-search:not(.btn-sort-order, .accordion-button, .btn-search-counts), #searchButton:not(.btn-sort-order, .accordion-button, .btn-search-counts),.btn-search:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus, #searchButton:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus,.btn-search:not(.btn-sort-order, .accordion-button, .btn-search-counts):active, #searchButton:not(.btn-sort-order, .accordion-button, .btn-search-counts):active,.btn-search:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited, #searchButton:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited
{
    color: var(--sc-search-button-text-color);
    background-color: var(--sc-search-button-background-color) ;
    border-color: var(--sc-search-button-border-color);
    padding-left: 7.5px;
    padding-right: 7.5px;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 45px;
}

.btn-search:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover, #searchButton:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover
{
    color: var(--sc-search-button-hover-text-color);
    background-color: var(--sc-search-button-hover-background-color);
    border-color: var(--sc-search-button-hover-border-color);
}

.btn_clear:not(.btn-sort-order, .accordion-button, .btn-search-counts),.btn_clear:not(.btn-sort-order, .accordion-button, .btn-search-counts):focus,.btn_clear:not(.btn-sort-order, .accordion-button, .btn-search-counts):active,.btn_clear:not(.btn-sort-order, .accordion-button, .btn-search-counts):visited
{
    color: var(--sc-danger-button-text-color);
    background-color: var(--sc-danger-button-background-color) ;
    border-color: var(--sc-danger-button-border-color );
    padding-left: 7.5px;
    padding-right: 7.5px;
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 45px;
}

.btn_clear:not(.btn-sort-order, .accordion-button, .btn-search-counts):hover
{
    color: var(--sc-danger-button-hover-text-color);
    background-color: var(--sc-danger-button-hover-background-color);
    border-color: var(--sc-danger-button-hover-border-color);
}

.btn-danger {
color: #F4E6D7!important;
background-color: #184330!important;
border-color: #184330!important;
}
.btn-danger:hover {
color: #184330!important;
background-color: #F4E6D7!important;
border-color: #184330!important;
}
.socialPanel {
background-color:#184330;
}
.p24_spui .p24_sortOrder .p24_select {
background-image: url("https://static.sa-property.co.za/AgencyTemplateSPUI/Content/Images/icon_down_blue.png?z=73da6d");
}
.modal {
	z-index:99999;
}


:root {
--sc-font-family: system-ui,-apple-system,'Poppins',Helvetica,Arial,sans-serif;
--sc-danger-button-background-color: #184330;
--sc-danger-button-border-color: #184330;
--sc-danger-button-text-color: #F4E6D7;
--sc-danger-button-hover-background-color: #F4E6D7;
--sc-danger-button-hover-border-color: #184330;
--sc-danger-button-hover-text-color: #184330;
--sc-default-button-background-color: #184330;
--sc-default-button-border-color: #184330;
--sc-default-button-text-color: #F4E6D7;
--sc-default-button-hover-background-color: #F4E6D7;
--sc-default-button-hover-border-color: #184330;
--sc-default-button-hover-text-color: #184330;
--sc-search-button-background-color: #184330;
--sc-search-button-border-color: #184330;
--sc-search-button-text-color: #F4E6D7;
--sc-search-button-hover-background-color: #F4E6D7;
--sc-search-button-hover-border-color: #184330;
--sc-search-button-hover-text-color: #184330;
--bs-primary: #184330;
--bs-primary_hover: #FFFFFF;
--bs-secondary: #FFFFFF;
--bs-info: #184330;
--bs-danger: #184330;
--bs-danger-rgb:24, 67, 48;
--bs-danger_hover: #25694A;
--bs-body-color: #FDFAF7;
--bs-body-bg: #FDFAF7;
--bs-body-text: #123123;
--bs-link-color: #184330;
--bs-link-hover-color: #F4E6D7;
--bs-btn-color: #F4E6D7;
--bs-off-white: #909090; /*Remove*/
--bs-darken-border: #0F2B1E;
--bs-text-color-darken-10pc: #0C1F16;
--bs-btn-primary-border: #0F2B1E;
--bs-danger-darken-15pc: #0E251B;
--bs-warning:#ffc107;
--bs-btn-info-border: #17a2b8;
--bs-btn-success-border: #25694A;
--bs-border-color: #184330;
--bs-accordion-border-color: #FFFFFF;
--bs-font-sans-serif: var(--sc-font-family);
--bs-body-font-family: var(--sc-font-family);
--bs-body-font-size: 14px;
--bs-body-line-height: 22px;
--bs-body-font-weight: 400;
--bs-accordion-color: #123123;
--sc-tile-background: #FFFFFF;
--sc-panel-background: White;
--sc-panel-text: Black;
--sc-panel-border-color: Gray;

--sc-tile-background: White;
--sc-tile-text: #184330;
--sc-tile-hover-shadow-color: #C1C1C1;
--sc-tile-heading-bg: #184330;
--sc-tile-head-text: White;
--sc-tile-price-text: #184330;

--sc-btn-search-bg: #184330;
--sc-btn-search-text: #F4E6D7;
--sc-btn-search-border: #184330;
--sc-search-dropdown-bg: #F4E6D7;
--sc-search-dropdown-text: #184330;
--sc-search-dropdown-border: #849F93;
--sc-btn-search-hover: #25694A;
--sc-highlight-bg: #184330;
--sc-highlight-text-color: #FFFFFF;
--sc-highlight-border-color: #25694A;
--bs-tag-top-bg: #184330;
--bs-tag-top-text: #FFFFFF;
--bs-tag-bottom-bg: #FFFFFF;
--bs-tag-bottom-text: #184330;
--bs-search-bar-background: #F4E6D7;
--bs-search-bar-background-solid: #F4E6D7;
--bs-search-bar-text_color: #184330;
--bs-search-bar-border_color: #184330;
--bs-search-bar-background_opacity: rgba(244,230,215,0.4);
--bs-nav-tabs-background-p24: rgba(244,230,215,0.3);
--sc-footer-bg: #F4E6D7;
--sc-footer-border-color: #184330;
--sc-footer-heading-color: #184330;
--sc-footer-color: #184330;
--sc-header-icon-color:#FFFFFF;
--sc-footer-link-color : #184330;
--sc-view-contact-background:#FFFFFF;
--sc-view-contact-text-color:#184330;
--sc-view-contact-border-color:#184330;
--sc-listing-breadcrumb-text-color:#286249;
--sc-listing-breadcrumb-text-hover-color:#478067;
--sc-searchbar-tabs-text:#184330;
--bs-accordion-active-color: #FFFFFF;
--bs-accordion-active-bg: #184330;
--bs-accordion-border-color: #FFFFFF;
--sc-floating-listing-bar-heading-color:#184330;
--sc-floating-listing-bar-bg-color:#F4E6D7;
--sc-floating-listing-bar-border-color:#184330;
--sc-floating-listing-bar-text-color:#184330;	
--sc-page-heading-background-color: #184330;--sc-page-heading-text-color: #F4E6D7;--sc-page-heading-border-color: #184330;--sc-page-heading-hyperlink-color: #85B29F;--sc-page-heading-hyperlink-hover-color: #F4E6D7;
--sc-navbar-bg: #F4E6D7;--sc-navbar-text: #184330;--sc-navbar-border: #F4E6D7;--sc-navbar-dropdown-border: #184330;--sc-navbar-item-bg: #F4E6D7;--sc-navbar-item-color: #184330;--sc-navbar-item-font-variant: small-caps;--sc-navbar-item-text-transform: uppercase;--sc-navbar-item-padding-x: 18px;--sc-navbar-item-font-size: 14px;--sc-navbar-item-hover-item-bg: #184330;--sc-navbar-item-hover-color: #F4E6D7;--sc-navbar-item-hover-border-color: #184330;--sc-sign-in-background-color: #184330;--sc-sign-in-text-color: #F4E6D7;
--news-tile-bg-color: #F3F0ED;
--news-tile-text-color: Black;
--news-tile-border-color: #184330;
--news-tile-title-color: #184330;
--news-tile-badge-bg-color: #184330;
--news-tile-badge-text-color: White;

--sc-development-facilities-heading: Color [A=255, R=24, G=67, B=48];
--sc-development-facilities-text: Color [A=255, R=24, G=67, B=48];
--sc-development-facilities-accent: #184330;


}
.logoaboveimages .carousel-item.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15%;
	z-index: 1;
}
.accordion {
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

html {
font-size: 10px
}

.form-select {
font-size: var(--bs-body-font-size);
}

.customForm .form-control,
.select2-container .select2-search--inline .select2-search__field,
.token-input-list-facebook,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: var(--sc-font-family);
}



.default-text
{
color:var(--bs-body-text);
}

.border-top-highlight{
border-top:1px var(--sc-highlight-bg) solid;
}

.border-bottom-highlight{
border-bottom:1px var(--sc-highlight-bg) solid;
}

		.search-nav li .nav-link {
		text-transform: uppercase;
		font-synthesis-small-caps: auto;
		font-size: 12px!important;
		}
	
.btn-listingbar {
	color: #F4E6D7!important;
	background-color: #184330!important;
	border-color: #184330!important;
	font-size:12px;
	font-weight:lighter;
}
.btn-listingbar:hover {
	color: #184330!important;
	background-color: #F4E6D7!important;
	border-color: #184330!important;
}
.text-danger{
	color:var(--bs-danger)!important;
}

.text-primary{
	color:var(--bs-primary)!important;
}

		.title-block,.p24_pageTitle
		{
		border-bottom:1px solid var(--sc-page-heading-border-color);
		}
	
	footer a {
			color: var(--sc-footer-link-color);
	}


)