/* Shared site accents. The active color palette defines these variables. */
[data-loader='circle-side'] {
  border: 2px solid var(--color-primary);
}

/* Main navigation */
header.sticky .main-menu>ul>li span>a {
  color: #444;
}

header.sticky .main-menu>ul>li span:hover>a {
  opacity: 1;
  color: var(--color-primary);
}

.main-menu ul ul li a:hover {
  color: var(--color-primary) !important;
}

.main-menu ul ul li:hover>a {
  background-color: #f9f9f9;
  color: var(--color-primary) !important;
  padding-left: 18px;
}

/*-------- 1.1 Typography --------*/
.main_title_2 span em {
  background-color: var(--color-primary);
}

.main_title_3 span em {
  background-color: var(--color-primary);
}

/*General links color*/
a {
  color: var(--color-primary);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}

/*-------- 1.2 Buttons --------*/
a.btn_1,
.btn_1 {
  background: var(--color-primary);
}

a.btn_1.outline,
.btn_1.outline {
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
}

a.btn_map:hover {
  color: var(--color-primary);
}

a.btn_map_in,
.btn_map_in {
  background: var(--color-primary);
}

/*-------- 1.3 Structure --------*/
.hero_in a.btn_photos:hover {
  color: var(--color-primary);
}

/* Footer */
footer ul li a:hover {
  color: var(--color-primary);
  opacity: 1;
}

footer ul.links li a:hover:after {
  opacity: 1;
  color: var(--color-primary);
}

/* Newsletter footer*/
#newsletter input[type='submit'] {
  background-color: var(--color-primary);
}

/*----------1.4 Pagination ---------*/
.page-link {
  color: var(--color-primary);
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/
#custom-search-input input[type='submit'] {
  background-color: var(--color-primary);
}

.custom-search-input-2 input[type='submit'] {
  background-color: var(--color-primary);
}

.hero_in .wrapper h1 span {
  background-color: var(--color-primary);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--color-primary) !important;
}

a.box_news:hover h4 {
  color: var(--color-primary);
}

.box_grid a.wish_bt.liked:after {
  color: var(--color-primary);
}

.box_grid a.wish_bt:hover.liked:after {
  color: var(--color-primary);
}

.box_list a.wish_bt.liked:after {
  color: var(--color-primary);
}

.box_list a.wish_bt:hover.liked:after {
  color: var(--color-primary);
}

.layout_view a:hover {
  color: var(--color-primary);
}

.switch-field label:hover {
  color: var(--color-primary);
}

.secondary_nav ul li a:hover {
  color: var(--color-primary);
}

a.btn_infobox_detail:before:hover {
  color: var(--color-primary);
}

.btn_infobox_get_directions,
a.btn_infobox_phone {
  color: var(--color-primary);
}

.contact_info ul li h4 {
  color: var(--color-primary);
}

.search_bar_error input[type='submit'] {
  background-color: var(--color-primary);
}

.form_title h3 strong {
  background-color: var(--color-primary);
}

.grid ul li figcaption a:hover,
.grid ul li figcaption a:focus {
  color: var(--color-primary);
}

ul#cat_nav li a:hover,
ul#cat_nav li a#active,
ul#cat_nav li a.active {
  color: var(--color-primary);
}

.list_articles ul li a:hover {
  color: var(--color-primary);
}

/*============================================================================================*/
/* 3.  COMMON */
/*============================================================================================*/
#toTop:hover {
  background-color: var(--color-primary);
}

.accordion_2 .card-header h5 a i.indicator {
  color: var(--color-primary);
}

#cookie-bar .cb-policy {
  background: var(--color-primary);
}

.applyBtn.btn.btn-sm.btn-primary {
  background-color: var(--color-primary);
}

/*============================================================================================*/
/* MAP CLUSTERER */
/*============================================================================================*/
#results_map_view {
  background-color: var(--color-primary);
}

.cluster-visible {
  background-color: var(--color-primary);
}

.cluster-visible:before {
  border: 7px solid var(--color-primary);
  box-shadow: inset 0 0 0 4px var(--color-primary);
}

/*-------- Leaflet cluster --------*/
.marker-cluster div {
  background-color: var(--color-primary);
}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
  background-color: var(--color-primary);
}

.marker-cluster div:before {
  border: 7px solid var(--color-primary);
  box-shadow: inset 0 0 0 4px var(--color-primary);
}

/*============================================================================================*/
/* BLOG */
/*============================================================================================*/
article.blog .post_info h3 a:hover {
  color: var(--color-primary);
}

.comments-list h3 a:hover {
  color: var(--color-primary);
}

.widget ul.cats a:hover {
  color: var(--color-primary);
}

.tags a:hover {
  background-color: var(--color-primary);
}

.postmeta ul li a:hover {
  color: var(--color-primary);
}

.dropcaps p:first-child::first-letter {
  background-color: var(--color-primary) !important;
}

/*============================================================================================*/
/* PRICING TABLES */
/*============================================================================================*/
.pricing-switcher .fieldset {
  background-color: var(--color-primary);
}

.pricing-switcher .switch {
  background-color: var(--color-primary-dark);
}

@media only screen and (min-width: 769px) {
  .pricing-wrapper>li::before {
    background-color: var(--color-pricing-surface);
  }
}