/*************************************
 +Colors
*************************************/
:root {

  --c-main: #0cc2d8;
  --c-hover: #05d6ef;
  --c-active: #606060;

}

h2 a,
.ngg-album a,
.top-header-menu-container a,
footer a {
  color: #000
}

.content a:not[meta-more] {
  color: #2ca5b6;
}

a,
.event-terms,
.event-place a,
.event-terms a,
.language-switcher a,
.single-project .related-projects .title a,
.tab-container .meta-show-all-events a {
  color: var(--c-main);
}

.filters a {
  background-color: var(--c-main);
}


.menu-sidebar-container a {
  color: #000;
  /* color: var(--c-hover); */
}


/* HOVER  */
a:hover,
.top-header-menu-container a:hover,
footer a:hover,
.ngg-album a:hover,
.tab-container .meta-show-all-events a:hover,
.menu-sidebar-container a:hover,
.event-terms a:hover,
.single-project .related-projects .title a:hover,
.menu-sidebar-container ul li.current-menu-item a {
  color: var(--c-hover);
}

.filters a:hover,
.tab-container .etabs li a:hover {
  background-color: var(--c-hover);
}

/* ACTIVE  */
.filters a.selected {
  background-color: var(--c-active);
}

.filters a.selected.mobile {
  background-color: var(--c-hover);
}

.tab-container .etabs li a.active,
.tab-container .etabs li.active a {
  border-bottom-color: var(--c-hover);
}

.tab-container .etabs li a.active,
.tab-container .etabs li.active a {
  background-color: var(--c-hover);
}


.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
  color: #000 !important;
}

.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b {
  color: var(--c-hover) !important;
}

.menu-primary-container ul li a:hover,
.menu-primary-container ul li.current-menu-item a,
.menu-primary-container ul li.current-menu-parent a {
  background-color: #00e4ff;
}

@media only screen
and (min-width : 992px) {

  .menu-primary-container ul li a:hover,
  .menu-primary-container ul li.current-menu-item a,
  .menu-primary-container ul li.current-menu-parent a {
    background-color: transparent;
  }

  .tab-container .etabs li a.active,
  .tab-container .etabs li.active a {
    background-color: var(--c-active);
  }

  .tab-container .etabs li a.active:hover,
  .tab-container .etabs li.active a:hover {
    background-color: var(--c-hover);
  }

}