/**
 * Elementor CSS Variables Mapping
 */
/* Global Colors */
/* Global Font Styles */
/**
 * Color Schemes
 */
.li-widgets--icons-nav {
  --foreground-color: #4a4a4a;
  --background-color: #c3c3c3;
  --inverse-color: #ffffff;
}
.li-widgets--icons-nav a {
  color: var(--foreground-color);
}
.li-widgets--icons-nav.magenta {
  --foreground-color: var(--e-global-color-6b2effc);
  --background-color: var(--e-global-color-8fd5f9a);
  --inverse-color: #ffffff;
}
.li-widgets--icons-nav.blue {
  --foreground-color: var(--e-global-color-b87bd9f);
  --background-color: var(--e-global-color-97e8f4d);
  --inverse-color: #ffffff;
}
.li-widgets--icons-nav.yellow {
  --foreground-color: var(--e-global-color-751e287);
  --background-color: var(--e-global-color-e979fd2);
  --inverse-color: #ffffff;
}
.li-widgets--icons-nav.green {
  --foreground-color: var(--e-global-color-6e7293b);
  --background-color: var(--e-global-color-4c5dcc5);
  --inverse-color: #ffffff;
}
.li-widgets--icons-nav.highlights-always-magenta {
  --foreground-color: var(--e-global-color-6b2effc);
  --inverse-color: #ffffff;
}
.li-widgets--icons-nav .icons-nav {
  position: relative;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.li-widgets--icons-nav .icons-nav__item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 25%;
  min-width: 25%;
  padding: 20px;
  hyphens: auto;
  hyphenate-limit-chars: 5 5 2;
}
.li-widgets--icons-nav .icons-nav__item .icon svg {
  display: block;
  margin: 0 auto 15px;
  height: 50px;
  width: auto;
}
.li-widgets--icons-nav .icons-nav__item .icon svg * {
  fill: var(--foreground-color);
}
.li-widgets--icons-nav .icons-nav__item .text {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 300;
  font-family: var(--e-global-typography-text-font-family);
  text-align: center;
  color: var(--e-global-color-text);
  transition: color 0.3s ease;
}
.li-widgets--icons-nav .icons-nav__item:hover .text, .li-widgets--icons-nav .icons-nav__item.active .text {
  color: var(--foreground-color);
}