h2 {
  color: <%= @current_website.style_variables["secondary_color"] %>;
}

.aa-primary-btn:hover, .aa-primary-btn:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-secondary-btn {
  background-color: <%= @current_website.style_variables["action_color"] %>;
}

.aa-view-btn {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-view-btn:hover, .aa-view-btn:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

.scrollToTop {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
  border: 2px solid <%= @current_website.style_variables["primary_color"] %>;
}

.scrollToTop:hover,
.scrollToTop:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

.pulse:before, .pulse:after {
  border: 5px solid <%= @current_website.style_variables["primary_color"] %>;
}

#aa-menu-area .main-navbar .navbar-header .aa-logo span {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-menu-area .main-navbar .navbar-nav li a:hover, #aa-menu-area .main-navbar .navbar-nav li a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-menu-area .main-navbar .navbar-nav .active a {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-menu-area .main-navbar .navbar-nav .open a {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-menu-area .main-navbar .navbar-nav .dropdown-menu li a:hover, #aa-menu-area .main-navbar .navbar-nav .dropdown-menu li a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-slider .aa-slider-area .aa-top-slider .slick-prev:hover,
#aa-slider .aa-slider-area .aa-top-slider .slick-next:hover {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-slider .aa-slider-area .aa-top-slider .aa-top-slider-price {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-slider .aa-slider-area .aa-top-slider .aa-top-slider-btn:hover, #aa-slider .aa-slider-area .aa-top-slider .aa-top-slider-btn:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-advance-search .aa-advance-search-area .aa-advance-search-top .aa-single-advance-search .aa-search-btn {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-single-filter-search .noUi-connect {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-single-filter-search .noUi-handle {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-title span {
  background-color: <%= @current_website.style_variables["secondary_color"] %>;
}
.aa-title span:before {
  background-color: <%= @current_website.style_variables["secondary_color"] %>;
}
.aa-title span:after {
  background-color: <%= @current_website.style_variables["secondary_color"] %>;
}

.aa-properties-item .for-sale {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-service .aa-service-area .aa-service-content .aa-single-service .aa-service-icon span {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-service .aa-service-area .aa-service-content .aa-single-service .aa-single-service-content h4 a:hover {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-agents .aa-agents-area .aa-agents-content .aa-agents-slider li .aa-single-agents .aa-agetns-info {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-agents .aa-agents-area .aa-agents-content .aa-agents-slider li .aa-single-agents .aa-agetns-info .aa-agent-social a:hover, #aa-agents .aa-agents-area .aa-agents-content .aa-agents-slider li .aa-single-agents .aa-agetns-info .aa-agent-social a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-client-testimonial .aa-client-testimonial-area .aa-testimonial-content .aa-testimonial-slider li .aa-testimonial-single .aa-testimonial-info p:before {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-blog-single .aa-date-tag {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-blog-single .aa-blog-single-content h3 a:hover, .aa-blog-single .aa-blog-single-content h3 a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-blog-single .aa-blog-single-bottom .aa-blog-author:hover, .aa-blog-single .aa-blog-single-bottom .aa-blog-author:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-blog-single .aa-blog-single-bottom .aa-blog-comments:hover, .aa-blog-single .aa-blog-single-bottom .aa-blog-comments:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-footer .aa-footer-area .aa-footer-left p a:hover, #aa-footer .aa-footer-area .aa-footer-left p a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-footer .aa-footer-area .aa-footer-middle a:hover, #aa-footer .aa-footer-area .aa-footer-middle a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-footer .aa-footer-area .aa-footer-right a:hover, #aa-footer .aa-footer-area .aa-footer-right a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-property-header .aa-property-header-inner .breadcrumb li.active {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-properties .aa-properties-content .aa-properties-content-head .aa-properties-content-head-right a:hover, #aa-properties .aa-properties-content .aa-properties-content-head .aa-properties-content-head-right a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-properties .aa-properties-sidebar .aa-properties-single-sidebar .aa-single-advance-search .aa-search-btn {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-properties .aa-properties-sidebar .aa-properties-single-sidebar .media .media-body h4 a:hover {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-properties-content-bottom .pagination li a:hover, .aa-properties-content-bottom .pagination li a:focus {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-properties-content-bottom .pagination .active a {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-properties-details .aa-properties-details-img .slick-prev, .aa-properties-details .aa-properties-details-img .slick-next {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}
/*
-tick before each extra
.aa-properties-details .aa-properties-info ul li:before {
  color: 
}
*/
.aa-properties-social ul li a:hover, .aa-properties-social ul li a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .aa-blog-search .aa-search-text:focus {
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .aa-blog-search .aa-search-submit:hover, #aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .aa-blog-search .aa-search-submit:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .aa-blog-catg li a:hover, #aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .aa-blog-catg li a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .tag-cloud a:hover, #aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .tag-cloud a:focus {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .aa-blog-recent-post .media .media-body .media-heading a:hover, #aa-blog .aa-blog-area .aa-blog-sidebar .aa-blog-sidebar-single .aa-blog-recent-post .media .media-body .media-heading a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-blog-details .aa-blog-single-content h1,
.aa-blog-details .aa-blog-single-content h3,
.aa-blog-details .aa-blog-single-content h4 {
  color: <%= @current_website.style_variables["primary_color"] %>;
  font-weight: bold;
}

.aa-blog-navigation .aa-blog-pagination-left .aa-prev:hover, .aa-blog-navigation .aa-blog-pagination-left .aa-prev:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-blog-navigation .aa-blog-pagination-right .aa-next:hover, .aa-blog-navigation .aa-blog-pagination-right .aa-next:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

.aa-comments-area .comments .commentlist li .reply-btn:hover, .aa-comments-area .comments .commentlist li .reply-btn:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
.aa-comments-area .comments .commentlist li .author-tag {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}

#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond input[type="url"]:focus {
  border: 1px solid <%= @current_website.style_variables["primary_color"] %>;
}
#respond textarea:focus {
  border: 1px solid <%= @current_website.style_variables["primary_color"] %>;
}
#respond .form-submit input:hover {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-contact .aa-contact-area .aa-contact-bottom .aa-contact-form input[type="text"]:focus,
#aa-contact .aa-contact-area .aa-contact-bottom .aa-contact-form input[type="email"]:focus,
#aa-contact .aa-contact-area .aa-contact-bottom .aa-contact-form input[type="url"]:focus {
  border: 2px solid <%= @current_website.style_variables["primary_color"] %>;
}
#aa-contact .aa-contact-area .aa-contact-bottom .aa-contact-form textarea:focus {
  border: 2px solid <%= @current_website.style_variables["primary_color"] %>;
}
#aa-contact .aa-contact-area .aa-contact-bottom .aa-contact-form .form-submit input:hover {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border: 2px solid <%= @current_website.style_variables["primary_color"] %>;
}

#aa-error .aa-error-area h2 {
  border: 3px solid <%= @current_website.style_variables["primary_color"] %>;
}
#aa-error .aa-error-area h2:before {
  border: 3px solid <%= @current_website.style_variables["primary_color"] %>;
}
#aa-error .aa-error-area a:hover, #aa-error .aa-error-area a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-gallery .aa-gallery-area .aa-gallery-content .aa-gallery-top ul li:hover, #aa-gallery .aa-gallery-area .aa-gallery-content .aa-gallery-top ul li:focus {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-gallery .aa-gallery-area .aa-gallery-content .aa-gallery-top ul .active {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}
#aa-gallery .aa-gallery-area .aa-gallery-content .aa-gallery-body .aa-single-gallery .aa-single-gallery-item .aa-single-gallery-info a:hover, #aa-gallery .aa-gallery-area .aa-gallery-content .aa-gallery-body .aa-single-gallery .aa-single-gallery-item .aa-single-gallery-info a:focus {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

#aa-signin .aa-signin-area .aa-signin-form .aa-single-submit input[type="submit"] {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
  border: 2px solid <%= @current_website.style_variables["primary_color"] %>;
}
#aa-signin .aa-signin-area .aa-signin-form .aa-single-submit input[type="submit"]:hover {
  color: <%= @current_website.style_variables["primary_color"] %>;
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

.navbar-default .navbar-toggle {
  border-color: <%= @current_website.style_variables["primary_color"] %>;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: <%= @current_website.style_variables["primary_color"] %>;
}


#aa-footer {
  background-color: <%= @current_website.style_variables["footer_bg_color"] || "#333" %>;
}



#aa-footer .aa-footer-area .aa-footer-left a,
#aa-footer .aa-footer-area .aa-footer-right a,
#aa-footer .aa-footer-area .aa-footer-left,
#aa-footer .aa-footer-area .aa-footer-right{
  color: <%= @current_website.style_variables["footer_main_text_color"] || "#fff" %>;  
}



<%= render :partial => '/pwb/custom_css/shared.css', :locals => {}  %>




/*below for button on contact form*/
.btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open .dropdown-toggle.btn-base {
    color: #fff;
    background-color: <%= @current_website.style_variables["action_color"] %>;
    border-color: <%= @current_website.style_variables["action_color"] %>;
}


/*
.fondo_accion {
  background: <%= @current_website.style_variables["action_color"] %>;
  color: #fff;
}



ul.list-listings>li.featured {
  border: 1px solid <%= @current_website.style_variables["primary_color"] %>;
}

.fondo_principal {
  background: <%= @current_website.style_variables["primary_color"] %>;
  color: #fff;
}

.fondo_secundario {
  background: <%= @current_website.style_variables["secondary_color"] %>;
  color: #fff;
}

.color_principal,
.color_principal:hover,
.social a:hover,
ul.mega-nav-ul li a i,
nav.venta_alquiler a.selected,
nav.venta_alquiler a:hover {
  color: <%= @current_website.style_variables["primary_color"] %> !important;
}

.contact-info h5 i,
.color_secundario,
.color_secundario:hover {
  color: <%= @current_website.style_variables["secondary_color"] %> !important;
}

.navbar-wp .navbar-nav>li>a:hover,
.navbar-wp .navbar-nav>li>a:focus,
.navbar-wp .navbar-nav>li.selected > a,
.form-base .cuselFrameRight,
.panel-base .panel-heading,
.primary-image:hover,
.thumbnail-images a:hover {
  background: <%= @current_website.style_variables["primary_color"] %> !important;
  color: #fff;
}*/

/*.tabs li.active a {
  border-bottom: 3px solid <%= @current_website.style_variables["primary_color"] %>;
}
*/
<%# @current_website.raw_css %>