/* @group Page Header
------------------------------------ */
.page-header { padding-top: 4rem; margin-top: 6.5rem; }
.page-header h2 { margin: 0 0 4rem; }
.page-header h3 { display: inline-block; position: relative; text-transform: uppercase; margin: 0 0 2rem; padding: 1.2rem 0 1rem; }
.page-header h3::after,
.page-header h3::before { content: ''; display: block; width: 100%; height: .2rem; position: absolute; left: 0; }
.page-header h3::before { top: 0; }
.page-header h3::after { bottom: 0; }

/* (Light version) */
.page-header.light { color: var(--dark-green); }
.page-header.light h3 { color: var(--rust); }
.page-header.light h3::after,
.page-header.light h3::before { background-color: var(--rust); }

/* (Dark version) */
.page-header.dark { color: var(--beige); }
.page-header.dark h3::after,
.page-header.dark h3::before { background-color: var(--beige); }

/* (Blue version) */
.page-header.blue { color: var(--beige); }
.page-header.blue h3::after,
.page-header.blue h3::before { background-color: var(--beige); }

@media only screen
and (min-width : 961px) {
    .page-header { padding-top: 10rem; margin-top: 0; }
    .page-header h2 { margin: 0 0 5rem; }
    .page-header h3 { padding: 1.4rem 0 1rem; }
    .page-header .text-box { padding-left: 7.5rem; margin-bottom: 10rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */



/* Animations
------------------------------------ */

.page-header h2,
.page-header h3,
.page-header p { opacity: 0; }
.page-header.animateActive h2,
.page-header.animateActive h3,
.page-header.animateActive p { animation: fade var(--transition-delay) forwards; }
.page-header.animateActive h2 { animation-delay: var(--transition-delay-short); }
.page-header.animateActive h3 { animation-delay: calc(var(--transition-delay-short) * 2); }
.page-header.animateActive p { animation-delay: calc(var(--transition-delay-short) * 2.5); }