/* Preserve existing presentation while using semantic page markup. */
#app-footer .poa-footer-link { color: inherit; text-decoration: none; }
.hero .carousel-secondary-title em {font-style: normal; color: var(--orange);}
.security-carousel .carousel-copy .carousel-secondary-title {margin: 26px 0px 20px; font-size: 58px; line-height: 1.16; letter-spacing: 0px; font-weight: 900;}
.security-carousel .carousel-copy .carousel-secondary-title em {color: var(--orange);}
@media (max-width: 1100px) {
.security-carousel .carousel-copy .carousel-secondary-title {font-size: 50px;}
}
@media (max-width: 900px) {
.security-carousel .carousel-copy .carousel-secondary-title {font-size: 42px;}
}
@media (max-width: 650px) {
.security-carousel .carousel-copy .carousel-secondary-title {font-size: 36px; line-height: 1.2; margin: 20px 0px 16px;}
}
@media (max-width: 650px) {
.security-carousel .carousel-copy .carousel-secondary-title {max-width: 100%; font-size: clamp(32px, 10vw, 39px); line-height: 1.18; overflow-wrap: anywhere;}
}
@media (max-width: 650px) {
body.poa-content-page .security-carousel .carousel-copy .carousel-secondary-title {letter-spacing: -0.02em; margin: 20px 0px 17px !important; font-size: clamp(34px, 10vw, 39px) !important; line-height: 1.16 !important;}
}
/* Heading levels must not change the established kicker typography. */
#appeals-services-title.semantic-kicker {
  color: var(--orange) !important;
  font-size: var(--section-kicker-size) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .04em !important;
  margin: 0 0 8px;
}
#poa-cases-title.semantic-kicker {
  color: #ff9600 !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
#poa-cases-title.semantic-kicker span { color: inherit !important; }
body[data-page="about"] #poa-cases-title.semantic-kicker { font-size: 30px !important; }
@media (max-width: 768px) {
  body[data-page="home"] #poa-cases-title.semantic-kicker { line-height: 1.4 !important; }
  body[data-page="about"] #poa-cases-title.semantic-kicker { font-size: 24px !important; }
}

@media (min-width: 769px) {
  body[data-page="home"] #poa-cases-title.semantic-kicker { font-size: 30px !important; }
}

#app-header .poa-logo-mark { margin: 0; padding: 0; font-size: inherit; font-weight: normal; line-height: 0; }
