@charset "UTF-8";
.packageelement .package {
  border-radius: 8px;
  background: #E6ECEF;
  transition: var(--transition-default-duration);
}
.packageelement .package:hover {
  background: var(--font-color);
}
.packageelement .package:hover *:not(.btn) {
  color: white;
}
.packageelement .package:hover .btn {
  background: #fff;
  color: var(--font-color);
}
.packageelement .package:hover li:before {
  color: #fff;
}
.packageelement .package *:not(.btn) {
  color: var(--font-color);
}
.packageelement .package .btn {
  background: var(--font-color);
  color: white;
}
.packageelement .package .description p + ul {
  margin-top: -1rem;
}
.packageelement .package h3 {
  font-size: 1.5rem;
  font-family: var(--font-primary);
  font-weight: 500;
}
.packageelement .package ul:not(:last-child) {
  margin-bottom: 1rem;
}
.packageelement .package ul li {
  padding-left: 1.8rem;
  margin-bottom: 0.8rem;
}
.packageelement .package ul li:before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  top: 0;
  font-size: 0.8rem;
  font-weight: 400;
  background: none !important;
}
.packageelement .package .price {
  display: block;
  font-size: 3rem;
  line-height: 1;
  font-family: var(--font-primary);
  font-weight: 500;
}
.packageelement .package .small {
  opacity: 0.5;
  font-size: 0.6rem;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F_packages.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%22%7D */