/* Inner Page Hero */
.page-hero__content { height: auto; min-height:auto; position: relative; z-index: 30; display: flex; flex-wrap: wrap; align-items: center; padding-left: calc(100px + 60px); padding-right: 100px; padding-top: 100px; padding-bottom: 100px; --heading-width: 100%; --content-width: 100%;}
.page-hero__heading { display: block; font-size: 4.0625rem; font-weight: 700; line-height: 1.125; margin-bottom: 0; width: var(--heading-width)}
.page-hero__intro-text {margin-bottom: 0; width: var(--content-width); margin-top: 20px; margin-bottom: 0; font-size: 1.5625rem;}

.page-hero  { padding: 120px 0 0; background: rgb(236,235,235); background: linear-gradient(to bottom, var(--primary) 60%, transparent 60%); }
.page-hero__container:before { content: ''; background: var(--lightest-gray); position: absolute; right: 0; top: 0; width: calc(100% - 60px); height: 100%; min-height: auto; clip-path: var(--notch-right-large); clip-path: var(--notch-left-large); z-index: 10; }
.page-hero__container--gray:before { background: var(--lightest-gray); }
.page-hero__container--green:before { background: var(--green); }

.page-hero__container--green .page-hero__heading,
.page-hero__container--green .page-hero__intro-text { color: var(--white); }

.page-hero__label { background: var(--secondary); clip-path: var(--notch-right-small); display: inline-block; padding: 10px 20px; color:#fff; text-transform: uppercase; font-weight: var(--bold); }
.page-hero__post-date { margin: 20px 0 0; }
.page-hero__post-date--published { opacity: 1; letter-spacing: 1px; line-height: 1; display: inline-block; }
.page-hero__post-date--modified { opacity: .8; display: inline-block; }
.page-hero__post-date--separator { color: var(--blue); font-size: 1rem; display: inline-block; margin: 0 4px; }

@media (max-width: 800px) {
  .page-hero { padding: 60px 0 0; background: linear-gradient(to bottom, var(--primary) 80%, transparent 80%); }
  .page-hero__container:before { width: calc(100% - 15px);  min-height: 100%; clip-path: var(--notch-right-medium); clip-path: var(--notch-left-medium); }
  .page-hero__content { height: auto; padding: 60px; }
  .page-hero__heading { font-size: 2.5rem; }
}
.page-hero + .main > .notched-corner { margin-top:100px !important; }

@media (max-width: 800px) {
  .page-hero + .main > .notched-corner { margin-top:40px !important; }
}