#main-content .cp-link .g-button.secondary-button {
  color: var(--color-functional-black, #000);
  padding: var(--g-button-padding-vertical-top)
    var(--g-button-padding-horizontal) var(--g-button-padding-vertical-bottom);
}

#main-content .cp-link .g-button.secondary-button:hover {
  background-color: var(--color-functional-white, #faf9f6);
}

#main-content .field--name-field-cpp-url a {
  display: inline-flex;
  padding: var(--g-button-padding-vertical-top)
    var(--g-button-padding-horizontal) var(--g-button-padding-vertical-bottom);
}

.capability.cp-icon svg path {
  fill: var(--color-500);
}

.white-icon .capability-bg.bg-color-white {
  background-color: var(--color-500);
}

.graphic-component .slick-dots li button:after {
  content: "•";
  font-size: 1.5rem;
}

body .flip-card-front::after,
body .reverse .flip-card-back::after {
  background-image: none;
  content: "360";
  font-family: "Material Symbols Outlined";
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-functional-black);
  border-radius: var(--corner-extra-small);
}

body p.gc-subtitle {
  margin-bottom: 0;
}

.gc-title,
.page-node-type-story-item #main-content .gc-title .h2-size,
#main-content .gc-title .h2-size {
  color: var(--color-functional-black);
}

body .gc-center {
  margin-top: 2rem;
}

#main-content .field--name-field-cp-content-text ul,
#main-content .field--name-field-cp-content-text ol,
#main-content .field--name-field-cp-content-text .accordion-component ul,
#main-content .field--name-field-cp-content-text .accordion-component ol {
  margin-left: 0;
}

@media (width < 1120px) {
  .graphic-component .slick-dots-container .slick-dots li {
    width: 1.25rem;
    height: 1.25rem;
  }
}