@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

.l--sidebar-after > .l__secondary > .cta-peak:first-child, .l--sidebar-after-wide > .l__secondary > .cta-peak:first-child {
  margin-top: 3.75rem;
}

@media (min-width: 786px) {
  .l--sidebar-after > .l__secondary > .cta-peak:first-child, .l--sidebar-after-wide > .l__secondary > .cta-peak:first-child {
    margin-top: 5.625rem;
  }
}

.cta-peak__link {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.cta-peak__title {
  font-size: 1.28125rem;
  font-family: "franklin-gothic-urw-cond", "Franklin Gothic", "ITC Franklin Gothic", "Arial Narrow", "AvenirNextCondensed-Regular", "Roboto Condensed", sans-serif-condensed, sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.1;
}

@media (min-width: 786px) {
  .cta-peak__title {
    font-size: 1.546875rem;
  }
}

@media (min-width: 1280px) {
  .cta-peak__title {
    font-size: 1.875rem;
  }
}

.cta-peak__title:not(:last-child) {
  border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.cta-peak__content {
  overflow: hidden;
  position: relative;
  background-color: var(--accent-color, var(--primary-color, #FE9D30));
  color: #fff;
  font-family: "freight-text-pro", serif;
  padding: 1.875rem;
  overflow: visible;
}

.cta-peak__content::after {
  background-color: var(--accent-color, var(--primary-color, #FE9D30));
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: skewY(-2.5deg);
      -ms-transform: skewY(-2.5deg);
          transform: skewY(-2.5deg);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  width: 100%;
}

.cta-peak__content::after {
  top: 0;
  position: absolute;
}

@media (min-width: 640px) {
  .cta-peak__content {
    padding: 2.5rem;
  }
}

@media (min-width: 786px) and (max-width: 1023px) {
  .cta-peak__content {
    padding: 1.875rem;
  }
}

@media (min-width: 1280px) {
  .cta-peak__content {
    padding: 2.5rem;
  }
}

.cta-peak__content .cta-peak__link:hover, .cta-peak__content .cta-peak__link:hover::after,
.cta-peak__content .cta-peak__link:focus,
.cta-peak__content .cta-peak__link:focus::after {
  background-color: #ff7200;
}

.cta-peak__description {
  font-size: 0.975rem;
  line-height: 1.25;
}

@media (min-width: 786px) {
  .cta-peak__description {
    font-size: 0.95625rem;
  }
}

@media (min-width: 1280px) {
  .cta-peak__description {
    font-size: 1rem;
  }
}

.cta-peak__description:not(:last-child) {
  margin-bottom: 0.5em;
}

.cta-peak__cta {
  font-size: 0.975rem;
  line-height: 1.25;
  font-family: "franklin-gothic-urw-cond", "Franklin Gothic", "ITC Franklin Gothic", "Arial Narrow", "AvenirNextCondensed-Regular", "Roboto Condensed", sans-serif-condensed, sans-serif;
  letter-spacing: 0.0375em;
  text-transform: uppercase;
}

@media (min-width: 786px) {
  .cta-peak__cta {
    font-size: 0.95625rem;
  }
}

@media (min-width: 1280px) {
  .cta-peak__cta {
    font-size: 1rem;
  }
}

.cta-peak__cta .icon {
  height: 1.6em;
  width: 1.6em;
  margin-left: 1em;
  margin-right: -1em;
  position: relative;
  top: 0.45em;
}

.cta-peak__cta .icon use {
  fill: #fff;
}

.cta-peak__cta-inner {
  margin-right: -1em;
}

.cta-peak--green .cta-peak__content {
  background-color: #898D3E;
}

.cta-peak--green .cta-peak__content, .cta-peak--green .cta-peak__content::after {
  background-color: #898D3E;
}

.cta-peak--green .cta-peak__link:hover, .cta-peak--green .cta-peak__link:hover::after,
.cta-peak--green .cta-peak__link:focus,
.cta-peak--green .cta-peak__link:focus::after {
  background-color: #A6AA70;
}