#nav,
.nav-top-border,
#nav .nav-menu,
#nav .nav-menu .nav-level,
#nav .nav-menu .nav-level--primary,
#nav .nav-menu .nav-level--secondary,
#nav .nav-menu .nav-level--tertiary,
#nav .nav-menu .nav-level--quaternary,
#nav .nav-menu .subnav,
#nav .nav-menu .subnav .col-links,
#nav .nav-menu .subnav .col-functions,
#nav .nav-menu .subnav .col-needs,
#nav .nav-menu .subnav .col-cta .col-cta-contaner,
#nav .nav-menu .nav-utility .nav-search--active {
  background-color: var(--surface-muted-color);
}
#nav .burger .burger-bar,
#nav .burger .burger-bar:before,
#nav .burger .burger-bar:after {
  background-color: var(--text-color);
}
#nav .angle-arrow,
#nav .nav-menu .nav-item .item-text,
#nav .nav-menu .nav-utility a,
#nav .nav-menu .nav-utility .selected-opt,
#nav .nav-menu .subnav .col-functions .col-function-heading,
#nav .nav-menu .subnav .col-cta .col-cta-contaner .col-cta-inner div,
#nav .nav-menu .subnav .col-links a.view-products {
  color: var(--text-color);
}
#nav .angle-arrow {
  border-left-color: var(--text-color);
  border-top-color: var(--text-color);
}
#nav .nav-menu .nav-item--letstalk .item-text,
#nav .nav-menu--active + .overlay,
#nav .nav-menu .nav-item--letstalk .item-text,
#nav .nav-menu .spotlight a,
#nav .nav-menu .subnav .active-line,
#nav .nav-menu .subnav .js-nav-level.active .col-link span,
#nav .nav-menu .subnav .col-links a.active .col-link,
#nav .nav-menu .subnav .col-links a:hover .col-link,
#nav
  .nav-menu
  .subnav
  .col-links
  .col-link:hover
  .icon-and-title
  .secondary-title,
#nav .nav-menu .subnav .col-links .col-link span.secondary-title:hover,
#nav .nav-menu .subnav .col-functions a.active .col-link,
#nav .nav-menu .subnav .col-functions a:hover .col-link,
#nav .nav-menu .subnav .col-needs a.active .col-link,
#nav .nav-menu .subnav .col-needs a:hover .col-link,
#nav .nav-menu .subnav .col-cta .col-cta-contaner .col-cta-inner a,
#nav .nav-utility .dropdown .site-option--current:before {
  color: var(--primary-color);
}
#nav .nav-menu .subnav .active-line,
#nav .nav-menu .subnav .col-functions + .col-functions {
  background-color: var(--primary-color);
}
#nav .nav-menu .subnav .col-functions + .col-functions,
#nav .nav-menu .subnav .col-links a,
#nav .nav-menu .subnav .col-functions a,
#nav .nav-menu .subnav .col-needs a,
#nav .nav-menu .subnav .col-cta .col-cta-contaner .col-cta-inner a {
  border-color: var(--primary-color);
}
#nav .nav-utility .dropdown .dropdown-opts li,
#nav .nav-search,
#nav .nav-menu .subnav .col-functions a,
#nav .nav-menu .subnav .col-needs a,
#nav .nav-menu .subnav .col-links a {
  border-color: var(--surface-muted-color);
}
#nav .nav-utility .dropdown .dropdown-opts a,
#nav .nav-utility .dropdown.open .selected-opt,
#nav li.nav-item .item-text {
  color: var(--text-color);
}
#nav .nav-menu .subnav .col-functions .col-function-heading,
#nav .nav-menu .subnav .col-needs .col-function-heading,
#nav .nav-menu .nav-utility .selected-opt,
#nav .nav-menu .nav-utility a {
  color: var(--heading-secondary-color);
}
.nav-utility-top .utility-item a,
.nav-utility-top .utility-item a:hover {
  color: var(--text-color) !important;
}
.nav-search,
.nav-search--active {
  border-color: var(--surface-muted-color);
}
.horizontal-nav a,
.horizontal-nav a:visited {
  color: var(--text-color);
}
.horizontal-nav a:hover,
.horizontal-nav a.active {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.product-nav .product-nav-item.label > a,
.product-nav .product-nav-item.label-red,
.product-nav .product-nav-item.product-nav-cta .product-nav-link,
.product-nav .product-nav-link.active.current {
  color: var(--primary-color);
}
.product-nav .product-nav-link,
.product-nav .product-nav-link:hover,
.product-nav .product-nav-item.label-link > a {
  color: var(--text-color);
}
.icon-link-grid .icon-link,
.icon-link-grid .icon-text,
.icon-link-grid .icon-link span {
  color: var(--primary-color);
}
.icon-link-grid .icon-link-item:hover .icon-link span {
  color: var(--accent-secondary-color);
}
.resources .header .heading,
.resources .header .heading h1,
.resources .header .heading h2,
.resources .header .heading h3,
.resources .header .heading h4,
.resources .header .heading h5,
.resources .header .heading h6,
.resources .resource-entry .title,
.resources .resource-entry .author,
.resources .resource-entry .description,
.resources .resource-entry .resource-type,
.resources .resource-entry .date,
.resources .view-all-flex,
.resources .header a,
.rl-figma .rl-cta-banner-text h2,
.rl-figma .rl-card-body h3,
.rl-figma .rl-active-filters-heading,
.rl-figma .rl-showing-count,
.rl-figma .rl-no-results,
.rl-figma .rl-filter-clear,
.rl-figma .rl-filter-tag,
.rl-figma .rl-filter-tag-remove {
  color: var(--text-color);
}
.resource-types input[type="checkbox"]:checked,
.rl-figma .rl-ms-option input[type="checkbox"]:checked,
.rl-figma .rl-load-more-btn,
.rl-figma .rl-back-to-top,
.rl-figma .rl-cta-btn,
.rl-figma .rl-cta-banner-text h2 .highlight {
  color: var(--primary-color);
}
.resource-types input[type="checkbox"]:checked,
.rl-figma .rl-ms-option input[type="checkbox"]:checked,
.rl-figma .rl-load-more-btn,
.rl-figma .rl-back-to-top,
.rl-figma .rl-cta-btn {
  border-color: var(--primary-color);
}
.resource-types input[type="checkbox"]:checked,
.rl-figma .rl-ms-option input[type="checkbox"]:checked,
.rl-figma .rl-cta-btn {
  background-color: var(--primary-color);
}
.flex .red-label,
.flex .red-heading h1,
.flex .red-heading h2,
.flex .red-heading h3,
.flex .red-heading h4,
.flex .red-heading h5,
.flex .red-heading h6,
.post .red-label,
.post .red-heading h1,
.post .red-heading h2,
.post .red-heading h3,
.post .red-heading h4,
.post .red-heading h5,
.post .red-heading h6,
.two-column .red-heading h1,
.two-column .red-heading h2,
.two-column .red-heading h3,
.two-column .red-heading h4,
.two-column .red-heading h5,
.two-column .red-heading h6,
.single-column .flex-title h1,
.single-column .flex-title h2,
.single-column .flex-title h3,
.single-column .flex-title h4,
.single-column .flex-title h5,
.single-column .flex-title h6,
.four-column .red-heading h1,
.four-column .red-heading h2,
.four-column .red-heading h3,
.four-column .red-heading h4,
.four-column .red-heading h5,
.four-column .red-heading h6,
.testimonials .tertiary-wrapper span,
.testimonials .cta-wrapper a,
.testimonials .card .red-label,
.product-faqs .faq-item h3:hover,
.product-faqs .faq-item:hover h3,
.single-column .red-label {
  color: var(--primary-color);
}
.two-column .cta.cta-video.invert,
.two-column .cta.invert {
  border-color: var(--primary-color);
}
.two-column .cta.cta-video.invert .video,
.two-column .cta.invert .video,
.cta-video .video,
.btn {
  background-color: var(--primary-color);
  color: #fff;
}
.btn.invert,
.two-column .cta .btn.invert,
.two-column .cta.cta-video .btn.invert {
  background-color: #fff;
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.btn.muted {
  background-color: #fff;
  border-color: var(--heading-secondary-color);
  color: var(--heading-secondary-color);
}
.two-column .cta.cta-video.invert .video svg #Path_5,
.two-column .cta.invert .video svg #Path_5,
.two-column .cta.cta-video.invert .video svg #Ellipse_2,
.two-column .cta.invert .video svg #Ellipse_2 {
  fill: #fff;
  stroke: #fff;
}
.legal-nav-wrapper,
.legal-copy-jump a,
#legal-content-container hr {
  background-color: var(--surface-muted-color);
}
.legal-copy-jump a,
.legal-top a,
#legal-content-container h2,
#legal-content-container h3 {
  color: var(--primary-color);
}
.legal-nav-wrapper a,
.legal-copy-jump a:hover,
.legal-copy-jump a:focus,
.legal-nav-wrapper a:hover,
.legal-nav-wrapper a:focus,
#legal-content-container p,
#legal-content-container li {
  color: var(--text-color);
}
.footer-social a:hover svg path {
  fill: var(--primary-color);
}