/* $Id: color-blue-style.css,v 1.0.0 2013/09/25 08:18:15 symphonythemes Exp $ */
/*------------------------------------*\
	RESET
\*------------------------------------*/

:root {
  --main-color: #f24d34;
  --main-color-soft: #fcf0f1;
  --main-font-family: 'Inter';
  --main-font-color: #6B7280;
  --main-heading-color: #25272C;
}

a,
a:link,
a:visited {
  color: var(--main-color);
}
.themecolor-text {
  color: var(--main-color);
}
pre,
div.code {
  border-left: 5px solid var(--main-color);
}
.highlight {
  background: var(--main-color);
}
blockquote::before {
  color: var(--main-color);
}

h2.home-block-title:after,
h2.block-title:after,
.node--type-full-width h1.page-header:after {
  background: var(--main-color);
}
a.btn-default,
.btn-default {
  border-color: var(--main-color);
  background-color: var(--main-color);
  color: #fff;
}
.btn-border {
  border-color: var(--main-color);
  background: #fff;
}
.btn-default:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
a.btn-primary,
.btn-primary {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #FFFFFF;
}
.pagination > li > a, .pagination > li > span {
  color: var(--main-color);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: var(--main-color);
  border-color: var(--main-color);
}
/*------------------------------------*\
	Pages CSS
\*------------------------------------*/
#search-wrapper {
    background: var(--main-color);
}
#main-menu-wrapper {
    background: var(--main-color);
}
.background-color {
    background: var(--main-color);
}

/*------------------------------------*\
	NAVIGATION CSS
\*------------------------------------*/
li a.active {
  color: var(--main-color);
}

#main-navigation .menu > li.active > a,
#main-navigation .menu > li:hover > a,
#main-navigation .menu > li.active > span,
#main-navigation .menu > li:hover > span {
  background: var(--main-color);
  color: #fff;
}
#main-navigation .menu > li > ul a {
    border-bottom: 1px solid #eb998d;
}
/* Block user menu on top left */
#header-top-left .block-menu ul.menu li a:hover,
#header-top-left .block-menu ul.menu li a.active {
  background: none;
  color: var(--main-color);
}
#main-navigation .menu > li ul {
  background: var(--main-color);
}
#main-navigation .menu > li > ul a:hover {
  color: var(--main-color);
  background-color: white;
}
#header-top ul.menu--account li a:hover,
#header-top ul.menu--account li a.active {
  background: none;
  color: var(--main-color);
}


/*------------------------------------*\
	BUSINESS CSS
\*------------------------------------*/
/* Business List */
.extra-content {
  background: rgba(242,77,52,0.8);
}
#block-exposedformlisting-searchpage-1 {
  background: var(--main-color);
}
#block-exposedformlisting-searchpage-1 h2.block-title {
  background: var(--main-color);
  border-right: 1px solid #eb998d;
}

#block-exposedformlisting-searchpage-1 h2.block-title:after {
  border-color: rgba(242,77,52, 0);
  border-left-color: var(--main-color);
}
#block-exposedformlisting-searchpage-1 h2.block-title:before {
  border-color: rgba(235, 153, 141, 0);
  border-left-color: #eb998d;
}
.node--type-listing .content .field .field--label {
    color: var(--main-color);
}
.views-field-field-listing-tags .field-content a:hover {
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: white !important;
}
.node--type-listing .field.field--name-body:before,
.node--type-listing .field.field--name-field-website:before,
.node--type-listing .field.field--name-field-open-time:before,
.node--type-listing .field.field--name-field-price-range:before,
.node--type-listing .field.field--name-field-phone:before,
.node--type-listing .field.field--name-field-highlights:before,
.node--type-listing .field.field--name-field-locations:before,
.node--type-listing .field.field--name-field-photos:before,
.node--type-listing .field.field--name-field-tags:before,
.node--type-listing .field.field--name-field-category:before,
.node--type-listing .field.field--name-field-video:before {
  background: var(--main-color);
}
.node--type-listing .field-name-field-events > .field--label:after {
  background: none repeat scroll 0 0 var(--main-color);
}
.node--type-listing .content .field-collection-container .field.field-name-field-event-title {
  color: var(--main-color);
}

/* Business Category List */
.list-categories .icon {
  background: var(--main-color);
}
.view-categories .views-field-name:after {
    background: var(--main-color);
}
.view-categories .views-field-name a:hover {
  color: var(--main-color);
}
.view-categories .views-field-nid {
  background: rgba(242,77,52,0.8);
}

/* News */
.view-list-news .views-field-title a:hover {
  color: var(--main-color);
}

/* Member */
.view-member .view-content {
  background: var(--main-color);
}

/* Block Contact information */
.contact-information ul li i {
    color: var(--main-color);
  }

/* Sep boxed pricing */
.sep-boxed-pricing ul li.footer-row a.button {
  background: #fafafa;
  border: 1px solid #ccc;
  color: var(--main-color);  
}
.sep-boxed-pricing ul li.footer-row a.button:hover {
  background: var(--main-color);
  color: #fafafa;  
  border: 1px solid var(--main-color);
}
.sep-boxed-pricing .price strong {
  color: #000;
}

/* SlickSlider */
.slick-dots li.slick-active button {
    background: var(--main-color);
}
.slick__arrow button {
    border: 1px solid var(--main-color);
}
.slick__arrow button:before {
  color: var(--main-color);
}