.node--view-mode-hero { border-left: 0.5rem solid var(--uct-color--highlight--hero, var(--uct-color--highlight, var(--rw-highlight-color, #0098db))); padding: 0 0 0 1rem; }

.node--view-mode-hero .node__content { margin: 0.5rem 0 0 0; }

@media print, screen and (min-width: 40em) { .node--view-mode-hero .node__content { font-size: 1.25rem; line-height: 1.2; } }

#hero { background-color: var(--uct-color--bg--hero, var(--uct-color--secondary, var(--rw-secondary-color, #72808a))); padding: 2rem 0; color: var(--uct-color--copy--hero, var(--uct-color--bg, var(--rw-background-color, #fff))); }

@media print, screen and (min-width: 64em) { #hero { padding: 3.125rem 0; } }

@media print, screen and (min-width: 64em) { #hero { padding: 4.75rem 0; } }

.section-main #hero { margin-left: -1rem; margin-right: -1rem; }

@media screen and (min-width: 90em) { .section-main #hero { margin-left: -1rem; margin-right: 0; width: calc(100% + 17rem); } }

/* Page hero with aside enabled width */
/* Base theme amendments, RW-20532 */
@media screen and (min-width: 90em) { .section-main #hero { width: calc(100% + (50vw - 45em) + 2rem); } }

@media screen and (min-width: 120em) { .section-main #hero { width: calc(100% + (60rem - 45em) + 2rem); } }

/* Event hero */
/* Base theme amendments, RW-20532 */
.node--view-mode-hero[class] > .node__header { background-color: var(--uct-color--bg--hero, var(--uct-color--secondary, var(--rw-secondary-color, #72808a))); }

/*# sourceMappingURL=../../../maps/hero/hero.css.map */