<?php
//Set the content-type header and charset.
header("Content-Type: text/css; charset=utf-8");

//Setup our colour variables.
 
$baseCor = $_GET['colorBase'];
$baseCor = '#'.$baseCor;
?>
#footer{
	margin-top: 90px
}
.customColor{
	background-color:<?=$baseCor;?> !important
}
.customColor a, .customColor p, .customColor h4,  .customColor .text-widget,  .customColor span{
	color: #fff !important
}


.csm-trigger,.csm-content h4,#backtotop a,#top-bar{
    background-color:<?=$baseCor;?>
}
.custom-zoom-in:hover:before,.custom-zoom-out:hover:before,.infoBox-close:hover{
    -webkit-text-stroke:1px <?=$baseCor;?>
}
.list-4 li:before,.list-3 li:before,.list-2 li:before,.list-1 li:before{
    color:<?=$baseCor;?>;
}
.numbered.color ol>li::before{
    border:1px solid <?=$baseCor;?>;
    color:<?=$baseCor;?>;
}
.numbered.color.filled ol>li::before{
    border:1px solid <?=$baseCor;?>;
    background-color:<?=$baseCor;?>;
}
.change-photo-btn:hover,table.manage-table th,mark.color{
    background-color:<?=$baseCor;?>;
}
.user-menu ul li a:hover,.user-menu.active .user-name:after,.user-menu:hover .user-name:after,.user-menu.active .user-name,.user-menu:hover .user-name,table.manage-table td.action a:hover,table.manage-table .title-container .title h4 a:hover,.my-account-nav li a.current,.my-account-nav li a:hover,#footer .social-icons li a:hover i,#navigation.style-1 .current,#posts-nav li a:hover,#top-bar .social-icons li a:hover i,.agent .social-icons li a:hover i,.agent-contact-details li a:hover,.agent-page .agent-name h4,.footer-links li a:hover,.header-style-2 .header-widget li i,.header-widget .sign-in:hover,.home-slider-desc .read-more i,.info-box,.info-box h4,.listing-title h4 a:hover,.map-box h4 a:hover,.plan-price .value,.plan.featured .listing-badges .featured,.post-content a.read-more,.post-content h3 a:hover,.post-meta li a:hover,.property-pricing,.style-2 .trigger a:hover,.style-2 .trigger.active a,.style-2 .ui-accordion .ui-accordion-header-active,.style-2 .ui-accordion .ui-accordion-header-active:hover,.style-2 .ui-accordion .ui-accordion-header:hover,.tabs-nav li a:hover,.tabs-nav li.active a,.testimonial-author h4,.widget-button:hover,.widget-text h5 a:hover,a,a.button.border,a.button.border.white:hover{
    color:<?=$baseCor;?>
}
#header-container.top-border{
    border-top:4px solid <?=$baseCor;?>
}
#navigation.style-1 .current{
    background-color:transparent;
    border:1px solid <?=$baseCor;?>
}
#navigation.style-1 ul li:hover{
    background-color:<?=$baseCor;?>
}
#navigation.style-2{
    background-color:<?=$baseCor;?>
}
.menu-responsive i{
    background:linear-gradient(to bottom,rgba(255,255,255,.07) 0,transparent);
    background-color:<?=$baseCor;?>
}
.checkboxes input[type=checkbox]:checked+label:before,.range-slider .ui-widget-header,.search-type label.active,.search-type label:hover{
    background-color:<?=$baseCor;?>
}
.range-slider .ui-slider .ui-slider-handle{
    border:2px solid <?=$baseCor;?>
}
.agent-avatar a:before{
    background:<?=$baseCor;?>;
    background:linear-gradient(to bottom,transparent 50%,<?=$baseCor;?>)
}
.view-profile-btn{
    background-color:<?=$baseCor;?>
}
.listing-img-container:after{
    background:linear-gradient(to bottom,transparent 60%,<?=$baseCor;?>)
}
.listing-badges .featured{
    background-color:<?=$baseCor;?>
}
.list-layout .listing-img-container:after{
    background:linear-gradient(to bottom,transparent 55%,<?=$baseCor;?>)
}
#titlebar.property-titlebar span.property-badge,.back-to-listings:hover,.home-slider-price,.img-box:hover:before,.layout-switcher a.active,.layout-switcher a:hover,.listing-hidden-content,.office-address h3:after,.pagination .current,.pagination ul li a.current-page,.pagination ul li a:hover,.pagination-next-prev ul li a:hover,.property-features.checkboxes li:before{
    background-color:<?=$baseCor;?>
}
.post-img:after,.tip{
    background:<?=$baseCor;?>
}
.property-slider-nav .item.slick-current.slick-active:before{
    border-color:<?=$baseCor;?>
}
.post-img:after{
    background:linear-gradient(to bottom,transparent 40%,<?=$baseCor;?>)
}
.comment-by a.reply:hover,.post-img:before{
    background-color:<?=$baseCor;?>
}
.map-box .listing-img-container:after{
    background:linear-gradient(to bottom,transparent 50%,<?=$baseCor;?>)
}
#geoLocation:hover,#mapnav-buttons a:hover,#scrollEnabling.enabled,#scrollEnabling:hover,#streetView:hover,.cluster div,.custom-zoom-in:hover,.custom-zoom-out:hover,.infoBox-close:hover,.listing-carousel.owl-theme .owl-controls .owl-next:after,.listing-carousel.owl-theme .owl-controls .owl-prev:before,.listing-carousel.owl-theme.outer .owl-controls .owl-next:hover::after,.listing-carousel.owl-theme.outer .owl-controls .owl-prev:hover::before,.slick-next:after,.slick-prev:after{
    background-color:<?=$baseCor;?>
}
.cluster div:before{
    border:7px solid <?=$baseCor;?>;
    box-shadow:inset 0 0 0 4px <?=$baseCor;?>
}
.mfp-arrow:hover{
    background:<?=$baseCor;?>
}
.dropzone:hover{
    border:2px dashed <?=$baseCor;?>
}
.dropzone:before{
    background:linear-gradient(to bottom,rgba(255,255,255,.95),rgba(255,255,255,.9));
    background-color:<?=$baseCor;?>
}
.chosen-container .chosen-results li.highlighted,.chosen-container-multi .chosen-choices li.search-choice,.select-options li:hover,a.button,a.button.border:hover,button.button,input[type=button],input[type=submit]{
    background-color:<?=$baseCor;?>
}
.dropzone:hover .dz-message,.sort-by .chosen-container-single .chosen-default,.sort-by .chosen-container-single .chosen-single div b:after{
    color:<?=$baseCor;?>
}
a.button.border{
    border:1px solid <?=$baseCor;?>
}
.plan.featured .plan-price{
    background:linear-gradient(to bottom,rgba(255,255,255,.1) 0,transparent);
    background-color:<?=$baseCor;?>
}
.fp-accordion .accordion h3.ui-accordion-header-active,.trigger.active a,.ui-accordion .ui-accordion-header-active,.ui-accordion .ui-accordion-header-active:hover{
    background-color:<?=$baseCor;?>;
    border-color:<?=$baseCor;?>
}
.tabs-nav li a:hover,.tabs-nav li.active a{
    border-color:<?=$baseCor;?>
}
.style-3 .tabs-nav li a:hover,.style-3 .tabs-nav li.active a{
    border-color:<?=$baseCor;?>;
    background-color:<?=$baseCor;?>
}
.style-4 .tabs-nav li.active a,.style-5 .tabs-nav li.active a,table.basic-table th{
    background-color:<?=$baseCor;?>
}
.info-box{
    border-top:2px solid <?=$baseCor;?>;
    background:linear-gradient(to bottom,rgba(255,255,255,.98),rgba(255,255,255,.95));
    background-color:<?=$baseCor;?>
}
.info-box.no-border{
    background:linear-gradient(to bottom,rgba(255,255,255,.96),rgba(255,255,255,.93));
    background-color:<?=$baseCor;?>
}
.icon-box-1 .icon-container{
    background-color:<?=$baseCor;?>
}
