header[role=banner],
#home-intro.style-1:before,
#home-vacancies:before,
footer .main-footer,
footer .sub-footer,
.page-header:before,
#application-blocks:before,
#top-articles:before,
#vacancies-container:before,
#ambiance-container:before,
.external:hover:before,
#home-intro.style-2:before,
#profile-container:before,
#login-container:before,
#vacancy-detail:before {
  background-color: var(--user-primary-color);
}

#home-intro.style-1 h1,
.navigation>ul>li .submenu a,
a:hover, a:focus {
  color: var(--user-primary-color);
}





#home-points ul li .counter,
.navigation>ul>li a:hover,
.external,
#vacancies-container .vacancy .title,
#vacancies-container .vacancy .read-more {
  color: var(--user-secondary-color);
}

.active {
  color: var(--user-secondary-color) !important;
}

.navigation>ul>li .submenu a.active:hover {
  color: #fff !important;
}

.external:before,
.navigation>ul>li .submenu a:hover,
.button.button-gradient,
header[role=banner] .join-community {
  background-color: var(--user-secondary-color);
}

#home-vacancies .container h2 span {
  background-color: var(--user-secondary-color);
}

.button.button-s {
  background-color: var(--user-secondary-color);
  position: relative;
}

.button.button-s:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.button.button-s:hover {
  background-color: var(--user-secondary-color);
}

.button.button-s:hover:after {
  opacity: 0.05;
}

#home-vacancies .container .vacancies-list ul>li a p,
.navigation>ul>li.has-submenu:hover>a,
#team-members .person .person-content .read-more {
  color: var(--user-secondary-color);
}






header[role=banner] .join-community:before,
.button.button-gradient:before {
  background: linear-gradient(281deg, var(--user-support-color1) 0%,var(--user-support-color2) 100%);
}

.newsletter-block:before,
.offices-container .offices-list .slideshow .slide .office-content {
  background: linear-gradient(-45deg, var(--user-support-color1) 0%, var(--user-support-color2) 100%);
}

#application-blocks .application-block .application-content:after {
  background: linear-gradient(
    -180deg, var(--user-support-color1) 0%, var(--user-support-color2) 100%);
}