@charset "UTF-8";
/*
 Theme Name: Kinetic
 Author: Ecomnova
 Author URI: http://www.ecomnova.com/
 Template: convex
 Version: 1.0.0
*/
:root {
  --convex-black: black;
  --convex-slate: #192322;
  --convex-primary: #3A1675;
  --convex-primary-active: #471a8f;
  --convex-secondary: #87D5CB;
  --convex-tertiary: #87D5CB;
  --convex-white: #FFFFFF;
  --convex-warning: #FFCCA7;
  --convex-error: #E62733;
  --convex-grey: #9BA6A6;
  --convex-dark-blue: #213259;
  --convex-light-blue: #00A6C4;
  --convex-background-grey: #EFECEC;
  --convex-background-light-grey: #F6F6F6;
  --convex-primary-higher-contrast: #09332C;
  --convex-secondary-higher-contrast: #0E7971;
  --convex-tertiary-higher-contrast: #B5FAE2;
}

.button.primary,
button.primary,
.fea-submit-button {
  background-color: var(--convex-primary);
  border: 1px solid var(--convex-primary);
  color: var(--convex-white);
}

.button.primary:hover,
button.primary:hover {
  background-color: var(--convex-white);
  color: var(--convex-primary);
}

.button.primary:active,
button.primary:active {
  background-color: var(--convex-primary-active);
  color: white;
}

.button.chevron.primary:after,
button.chevron.primary:after {
  border-color: var(--convex-white);
}

.button.chevron.primary:hover:after,
button.chevron.primary:hover:after {
  border-color: var(--convex-primary);
}

.button.chevron.primary:active:after,
button.chevron.primary:active:after {
  border-color: var(--convex-white);
}

.button.primary:disabled,
button.primary:disabled {
  background-color: var(--convex-white);
  border-color: var(--convex-background-grey);
  color: var(--convex-background-grey);
}

.button.secondary,
button.secondary {
  background-color: var(--convex-secondary);
  border: 1px solid var(--convex-secondary);
  color: black;
}

.button.secondary:hover,
button.secondary:hover {
  background-color: var(--convex-white);
  color: black;
}

.button.secondary:active,
button.secondary:active {
  background-color: var(--convex-secondary);
}

.button.secondary:disabled,
button.secondary:disabled {
  background-color: var(--convex-background-grey);
}

.button.chevron.secondary:after,
button.chevron.secondary:after {
  border-color: var(--convex-black);
}

.button.chevron.secondary:hover:after,
button.chevron.secondary:hover:after {
  border-color: var(--convex-black);
}

.button.chevron.secondary:active:after,
button.chevron.secondary:active:after {
  border-color: var(--convex-black);
}

.button.tertiary,
button.tertiary {
  background-color: var(--convex-white);
  border: 1px solid var(--convex-primary);
  color: var(--convex-primary);
}

.button.tertiary:hover,
button.tertiary:hover {
  background-color: var(--convex-primary);
  color: var(--convex-white);
}

.button.tertiary:active,
button.tertiary:active {
  background-color: var(--convex-primary-active);
}

.button.chevron.tertiary:after,
button.chevron.tertiary:after {
  border-color: var(--convex-primary);
}

.button.chevron.tertiary:hover:after,
button.chevron.tertiary:hover:after {
  border-color: var(--convex-white);
}

.button.chevron.tertiary:active:after,
button.chevron.tertiary:active:after {
  border-color: var(--convex-white);
}

.siteLogo {
  width: 6.5em;
}

@media (min-width: 1080px) {
  .siteHero-content {
    max-width: 60%;
  }
}

.block-card-with-carousel-modal .section-header {
  text-align: left;
}
.block-card-with-carousel-modal .section-header h2 {
  font-size: 1em;
  color: var(--convex-primary);
  font-weight: 600;
}

.section-heading {
  color: var(--convex-primary);
}

.section-subheading {
  font-weight: 500;
  font-family: var(--font-secondary);
  color: var(--convex-black);
  margin: 1rem 0;
}

.section-wrapper.load-more-wrapper {
  background-image: url("./assets/images/load-more-background.svg");
}

.rich-text ol li::before,
.rich-text ul li::before {
  color: var(--convex-secondary);
}

.rich-text ul li::before {
  content: "•";
}

.key-features-list-item svg path {
  fill: var(--convex-primary);
}

.modal-title {
  margin: 1.5rem 0;
}

.modal-label {
  color: var(--convex-primary);
}