a,
body {
  color: #2a3136;
}
a:hover {
  color: var(--colorCardiumPrimary);
}
.navbar-header .navbar-nav .nav-item > .is-active,
.navbar-header .navbar-nav .nav-item > .active {
  -webkit-border-image: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--colorCardiumPrimary)), color-stop(20%, #fff))  20% 0;
  -webkit-border-image: -webkit-linear-gradient(  left, var(--colorCardiumPrimary) 50% 70%, #fff 20%)20% 0;
  -o-border-image: -o-linear-gradient( left, var(--colorCardiumPrimary) 50% 70%,#fff 20% ) 20% 0;
  border-image: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--colorCardiumPrimary)), color-stop(20%, #fff) ) 20% 0;
  border-image: linear-gradient( to right, var(--colorCardiumPrimary) 50% 70%, #fff 20% ) 20% 0;
}
.navbar-header .navbar-nav .nav-item .nav-link:focus,
.navbar-header .navbar-nav .nav-item .nav-link:hover {
  color: var(--colorCardiumPrimary);
}
#page-wrapper .navbar-mobile .navbar-nav .nav-item .is-active,
#page-wrapper .navbar-mobile .navbar-nav .nav-item .active {
  color: var(--colorCardiumPrimary);
}
@media (max-width: 767px) {
  #page-wrapper   .navbar-mobile   .region-navigation-mobile   .dropdown   .nav-link::after {
    border-right-color: var(--colorCardiumPrimary);
    border-bottom-color: var(--colorCardiumPrimary);
  }
  #page-wrapper   .navbar-mobile   .region-navigation-mobile   .menu--account   .nav-link:active {
    color: var(--colorCardiumPrimary);
  }
}
.dropdown-menu .dropdown-item a:focus,
.dropdown-menu .dropdown-item a:hover {
  color: var(--colorCardiumPrimary);
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
  color: var(--colorCardiumPrimary);
}
.btn,
.button {
  background-color: var(--colorCardiumPrimary);
}
.btn:hover,
.button:hover {
  color: #fff !important;
  background-color: var(--colorCardiumButtonHover) !important;
}

.button[data-toggle="modal"]:focus {
  background-color: var(--colorCardiumPrimary) !important;
}
.nav-link--user-login,
a[class$="-user-login"] {
  background-color: var(--colorCardiumPrimary);
  border-color: var(--colorCardiumPrimary);
}
.nav-link--user-login:hover,
a[class$=-user-login]:hover,
.nav-link--user-register:hover,
a[class$=-user-register]:hover {
  background-color: var(--colorCardiumButtonHover);
  border-color: var(--colorCardiumButtonHover);
}
.nav-link--user-register,
a[class$="-user-register"] {
  border-color: var(--colorCardiumPrimary);
}
input[Value=Cancel] {
  background-color: #959595 !important;
}
.breadcrumb li:last-child a {
  color: var(--colorCardiumPrimary);
}
.breadcrumb li a,
.breadcrumb li:last-child a {
  color: #2a3136;
}
.breadcrumb li a:hover {
  color: var(--colorCardiumPrimary);
}
.page-wrapper .breadcrumb li::after {
  border-color: var(--colorCardiumPrimary);
}
.pagination .pager__item--number a:hover {
  background-color: var(--colorCardiumLightBackground);
  color: var(--colorCardiumPrimary);
}
.pagination .pager__item--number.active .page-link {
  color: var(--colorCardiumPrimary);
}
.pagination .pager__item--first a.page-link:hover,
.pagination .pager__item--last a.page-link:hover,
.pagination .pager__item--next a.page-link:hover,
.pagination .pager__item--previous a.page-link:hover {
  background-color: var(--colorCardiumLightBackground);
}
.ui-widget form.node-articles-form .form-check-input:checked {
  background-color: var(--colorCardiumPrimary);
}
.ui-widget form .result_message {
  color: var(--colorCardiumPrimary);
}
.tabs .nav-tabs .nav-link.active {
  color: var(--colorCardiumPrimary);
}
.page-wrapper .action-unflag a {
  background-color: var(--colorCardiumPrimary);
  border: 0.063rem solid var(--colorCardiumPrimary);
}
.page-wrapper .action-unflag a::after {
  border-right-color: var(--colorCardiumPrimary);
  border-bottom-color: var(--colorCardiumPrimary);
}

/* Checkbox */
input[type=checkbox]:hover {
  box-shadow: inset 0 0 0 .063rem var(--colorCardiumPrimary);
  border-color: var(--colorCardiumPrimary);
}
.page-wrapper .js-form-item .form-check .form-checkbox:checked,
.ui-widget .js-form-item .form-check .form-checkbox:checked,
.entry-form-container .right-side-form .form-check-input:checked,
input[type=checkbox]:checked {
  background-color: var(--colorCardiumPrimary);
  box-shadow: inset 0 0 0 .063rem var(--colorCardiumPrimary);
  border-color: var(--colorCardiumPrimary);
}
input[type=checkbox]:checked:active,
input[type=checkbox]:checked:hover {
  background-color: var(--colorCardiumPrimary);
  box-shadow: inset 0 0 0 .063rem var(--colorCardiumPrimary);
  border-color: var(--colorCardiumPrimary);
}

/* Home page - Card component */
#card-contents .field__item .each-card-content .field--name-field-card-content-title:hover {
  color: var(--colorCardiumPrimary);
}

/* Home page Featured slider */
.paragraph--type--features-slider .prev-arrow::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-left: 0.125rem solid var(--colorCardiumPrimary);
}
.paragraph--type--features-slider .next-arrow::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-right: 0.125rem solid var(--colorCardiumPrimary);
}

/* Home page - How it works section */
.number-count::after {
  border-color: var(--colorCardiumPrimary) var(--colorCardiumPrimary)  transparent transparent;
}
.count-wrap {
  color: var(--colorCardiumPrimary);
}

/* Home page - Partners section */
.view-id-partners .each-partner {
  border-bottom: 0.375rem solid var(--colorCardiumPrimary);
}
.member-browser-apis .text a,
.member-browser-apis .text a:hover {
  color: var(--colorCardiumPrimary);
}
.member-browser-apis .icon {
  width: 1.188rem;
  height: 1.188rem;
  overflow: hidden;
  -webkit-mask-image: url(/modules/dac-components/cardium_company_apps/images/browse_api.svg);
  mask-image: url(/modules/dac-components/cardium_company_apps/images/browse_api.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: right;
  mask-position: right;
  background-color: var(--colorCardiumPrimary);
}

/* Articles Section */
.articles-wrap .btn-wrap .field--type-link a {
  background: var(--colorCardiumPrimary);
  border: 0.125rem solid var(--colorCardiumPrimary);
}

#articles-detail .comment-cta a {
  background-color: var(--colorCardiumPrimary);
}
#articles-list .add-articles-link a {
  background-color: var(--colorCardiumPrimary);
}
.articles-list-wrapper .card a {
  color: #2a3136;
}
.articles-list-wrapper .card a:hover {
  color: var(--colorCardiumPrimary);
}
.highlighter-lining::after {
  border-color: var(--colorCardiumPrimary);
}

/* Home page - Featured Content */
.featured-contents-wrap .field--name-field-featured-content > .field__item:first-child {
  background-color: var(--colorCardiumdarkBackground);
}
.featured-contents-wrap .field--name-field-featured-content > .field__item:first-child::before {
  background-color: var(--colorCardiumdarkBackground);
}
.featured-contents-wrap .field--name-field-featured-content > .field__item:last-child,
.featured-contents-wrap .field--name-field-featured-content > .field__item:last-child::before,
.featured-contents-wrap .field--name-field-featured-content > .field__item:last-child::after,
.featured-contents-wrap .field--name-field-featured-content-cta a {
  background-color: var(--colorCardiumButtonHover);
}
.field--type-link a {
  background: var(--colorCardiumPrimary);
}
.featured-contents-wrap .field__item:last-child .field--name-field-featured-content-cta a {
  background: var(--colorCardiumdarkBackground);
}
.featured-contents-wrap .field__item:last-child .field--name-field-featured-content-cta a:hover {
  color: var(--colorCardiumPrimary);
}

/* API Discovery */
.page-view-cardium-api-database-search .card,
.page-view-cardium-api-solr-search .card {
  border-bottom: 0.25rem solid var(--colorCardiumPrimary);
}
.page-view-cardium-api-database-search .card-footer a,
.page-view-cardium-api-solr-search .card-footer a {
  color: var(--colorCardiumPrimary);
}
.page-view-cardium-api-database-search .card-footer a::after,
.page-view-cardium-api-solr-search .card-footer a::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-right: 0.125rem solid var(--colorCardiumPrimary);
}
.page-view-cardium-api-solr-search .views-filters-summary .remove-filter,
.page-view-cardium-api-database-search .views-filters-summary .remove-filter {
  background: var(--colorCardiumPrimary);
}

/* Knowledge Base */
.accordion .accordion-button::after {
  border-bottom: 0.125rem solid var(--colorCardiumPrimary);
  border-right: 0.125rem solid var(--colorCardiumPrimary);
}

.accordion-header .accordion-button,
.accordion-header .accordion-button:focus,
.accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--colorCardiumLightBackground);
  color: var(--primary);
}
.accordion-header .accordion-button:focus {
  border-color: var(--colorCardiumLightBackground);
  outline-color: var(--colorCardiumLightBackground);
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
  border-color: var(--colorCardiumLightBackground);
}
.faq-filter .nice-select.select-section {
  background-color: #fff;
}

/* Usecases and Webinars */
.card-title a:hover,
.webinars-listing .card-body .card-title a:hover {
  color: var(--colorCardiumPrimary);
}

/* Static component */
#static-content-component ul li:before {
  color: var(--colorCardiumPrimary);
  background-color: var(--colorCardiumPrimary);
}

/* Nice select */
.page-wrapper .nice-select::after,
.page-wrapper select::after,
.ui-widget .nice-select::after,
.ui-widget select::after {
  border-bottom-color: var(--colorCardiumPrimary);
  border-right-color: var(--colorCardiumPrimary);
}

/* trial plugin */
.trial-user-popup.ui-dialog .card-footer .button,
.trial-user-popup.ui-dialog.ui-widget .button {
  background-color: var(--colorCardiumPrimary);
}
.trial-user-popup .ui-dialog-content span {
  color: var(--colorCardiumPrimary);
}

/* Subscription option */
.view-api-subscription-options .button:disabled:hover,
.view-api-subscription-options .button[disabled]:hover {
  background: var(--colorCardiumPrimary);
}
.popover .cart_items a {
  background-color: var(--colorCardiumPrimary);
}

/* API Details tabs */
.custom-nav .nav-tabs,
.custom-nav .selected-tab {
  background-color: var(--colorCardiumTabBackground);
}
.custom-nav .nav-tabs .nav-link.active,
.custom-nav .nav-tabs .nav-link:hover {
  background-color: var(--colorCardiumPrimary) !important;
  color: #fff !important;
}
/* responsive media css */
@media screen and (max-width: 767px) {
  .custom-nav .nav-tabs .nav-link.active,
  .custom-nav .nav-tabs .nav-link:hover {
    background-color: transparent !important;
  }
}
.custom-nav .nav-tabs .nav-link:focus {
  box-shadow: 0 0 0 1px var(--colorCardiumPrimaryLightHover),0 0 0 4px var(--colorCardiumPrimaryLightHover);
}
.doc-content-section ul li.documentation-titles.current > a {
  color: var(--colorCardiumPrimary) !important;
}
.doc-content-section ul li a {
  color: #2a3136;
}
.sub-nav.sub-active > a,
.doc-content-section ul li a:hover {
  color: var(--colorCardiumPrimary);
}

/* Login, Sign Up, Forgot Password */
.entry-form-container .right-side-form .form-footer a,
.entry-form-container .right-side-form .form-footer,
.entry-form-container .right-side-form h2,
.user-form-container .forget-password a:hover {
  color: var(--colorCardiumPrimary);
}
.entry-form-container .right-side-form .form-check-input:checked {
  border-color: var(--colorCardiumPrimary);
}
.environment-label,
.api-environment-container .field--name-field-api-environment,
.view-cardium-api-database-search .card-body .deprecated,
.api-details-deprecated-environment-label .api-deprecated-container {
  background-color: var(--colorCardiumLightBackground);
}

/* Dropdown Hover state */
.page-wrapper .nice-select .list li.option.selected.focus,
.page-wrapper .nice-select .list li.option.selected.focus:hover,
.page-wrapper .nice-select .list li:hover,
.page-wrapper select .list li.option.selected.focus,
.page-wrapper select .list li:hover,
.ui-widget .nice-select .list li.option.selected.focus,
.ui-widget .nice-select .list li:hover,
.ui-widget select .list li.option.selected.focus,
.ui-widget select .list li:hover {
  background-color: var(--colorCardiumLightBackground);
}

/* Footer */
.footer {
  background: transparent linear-gradient(100deg, var(--colorCardiumdarkBackground) 0%, var(--colorCardiumButtonHover) 100%) 0% 0% no-repeat padding-box;;
}

/*products list page for anonoumous*/
.api-products-list-wrapper .card {
  border-bottom-color: var(--colorCardiumPrimary);
}
.api-products-list-wrapper .card .card-footer a::after,
.view-cardium-api-solr-search .card .card-footer a::after {
  background-color: var(--colorCardiumPrimary);
  background-image: unset !important;
  -webkit-mask-image: url(../../../images/arrow-right.svg);
  mask-image: url(../../../images/arrow-right.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.api-products-list-wrapper .views-filters-summary .remove-filter {
  background: var(--colorCardiumPrimary);
}

.login .sso-login-btn .button {
  color: var(--colorCardiumPrimary);
  border-color: var(--colorCardiumPrimary);
}
.login .sso-login-btn .button:hover,
.login .sso-login-btn .button:active,
.login .sso-login-btn .button:focus {
  color: #fff;
  border-color: var(--colorCardiumPrimary);
  background-color: var(--colorCardiumPrimary) !important;
}
.customselect-list-container .customselect-list.customselect-dropdown::after {
  border-bottom-color: var(--colorCardiumPrimary);
  border-right-color: var(--colorCardiumPrimary);
}
.customselect-list-container .customselect-list .customselect-list-input-item:not(.customselect-dropdown-text):hover {
  background-color: var(--colorCardiumLightBackground);
}
.customselect-list-input-item input[type=checkbox]:hover {
  box-shadow: inset 0 0 0 .063rem var(--colorCardiumPrimary);
}
.customselect-list-container .customselect-list input[type=checkbox] {
  border-color: var(--colorCardiumPrimary);
}
.customselect-list-container .customselect-list input[type=checkbox]:checked,
.left-sidebar .form-type-select .customselect-list-container .customselect-list input[type=checkbox]:checked,
.left-sidebar .form-type-select .customselect-list-container .customselect-list input[type=checkbox]:checked:disabled {
  border: .063rem solid var(--colorCardiumPrimary);
}
.button--primary:active,
.button--primary:focus,
.btn-primary:active,
.btn-primary:focus,
a[class$=-user-register]:active,
a[class$=-user-register]:focus {
  color: #fff !important;
  background-color: var(--colorCardiumPrimary) !important;
  border-color: var(--colorCardiumPrimary) !important;
}