diff --git a/dist/app.css b/dist/app.css index 3a07ef5..c155d98 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12033,7 +12033,7 @@ a { text-decoration: none; } -.goudy, .team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2, section.large-quote .quote, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-c .content-wrapper .content h2, .text-over-image-c .content-wrapper .content .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2, .intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 { +.goudy, .single-team-member .team-member .bio-wrapper .right h2, .single-team-member .team-member .bio-wrapper .right .h2, section.large-quote .quote, section.grid-callout h2, section.grid-callout .h2, section.flex-5050-cta h2, section.flex-5050-cta .h2, section.multiblock-callout h2, section.multiblock-callout .h2, .text-over-image-c .content-wrapper .content h2, .text-over-image-c .content-wrapper .content .h2, .text-over-image-b .content-wrapper .content h2, .text-over-image-b .content-wrapper .content .h2, section.side-by-side-text h2, section.side-by-side-text .h2, .intro_block h1, .single-team-member .team-member-top h1, .team-members-top h1, .intro_block .h1, .single-team-member .team-member-top .h1, .team-members-top .h1 { font-family: "Goudy Bookletter 1911", serif; } @@ -12085,7 +12085,7 @@ a { color: #000; } -.intro_block, .team-member-top, .team-members-top { +.intro_block, .single-team-member .team-member-top, .team-members-top { background-size: cover; background-position: center center; color: #fff; @@ -12094,20 +12094,20 @@ a { justify-content: center; align-items: center; } -.intro_block h1, .team-member-top h1, .team-members-top h1, .intro_block .h1, .team-member-top .h1, .team-members-top .h1 { +.intro_block h1, .single-team-member .team-member-top h1, .team-members-top h1, .intro_block .h1, .single-team-member .team-member-top .h1, .team-members-top .h1 { margin: 0; font-size: 96px; line-height: 96px; text-align: center; } -.intro_block p.sub-headline, .team-member-top p.sub-headline, .team-members-top p.sub-headline { +.intro_block p.sub-headline, .single-team-member .team-member-top p.sub-headline, .team-members-top p.sub-headline { font-size: 28px; line-height: 40px; margin: 2rem auto; text-align: center; max-width: 503px; } -.intro_block p.cta-button, .team-member-top p.cta-button, .team-members-top p.cta-button { +.intro_block p.cta-button, .single-team-member .team-member-top p.cta-button, .team-members-top p.cta-button { display: block; margin: 0 auto; text-align: center; @@ -12364,13 +12364,13 @@ section.large-quote .quote p.attribution { display: block; } -.team-member { +.single-team-member .team-member { margin-top: -162px; } -.team-member .content-wrapper { +.single-team-member .team-member .content-wrapper { background-color: #F9F8F8; } -.team-member .team-member-intro-bar { +.single-team-member .team-member .team-member-intro-bar { background-color: #063C5A; color: #fff; display: flex; @@ -12378,44 +12378,44 @@ section.large-quote .quote p.attribution { justify-content: space-between; align-items: center; } -.team-member .team-member-intro-bar .text { +.single-team-member .team-member .team-member-intro-bar .text { padding-left: 2rem; } -.team-member .team-member-intro-bar .text h2, .team-member .team-member-intro-bar .text .h2 { +.single-team-member .team-member .team-member-intro-bar .text h2, .single-team-member .team-member .team-member-intro-bar .text .h2 { font-size: 48px; line-height: 49px; font-weight: 600; } -.team-member .team-member-intro-bar .text h2 span, .team-member .team-member-intro-bar .text .h2 span { +.single-team-member .team-member .team-member-intro-bar .text h2 span, .single-team-member .team-member .team-member-intro-bar .text .h2 span { display: block; font-size: 28px; } -.team-member .team-member-intro-bar .image { +.single-team-member .team-member .team-member-intro-bar .image { height: 100%; } -.team-member .team-member-intro-bar img { +.single-team-member .team-member .team-member-intro-bar img { height: 100%; display: block; border-right: 160px solid #B9AF78; } -.team-member .bio-wrapper { +.single-team-member .team-member .bio-wrapper { padding: 0 3rem; } -.team-member .bio-wrapper .left { +.single-team-member .team-member .bio-wrapper .left { padding-top: 4rem; } -.team-member .bio-wrapper .left a { +.single-team-member .team-member .bio-wrapper .left a { display: block; } -.team-member .bio-wrapper .right { +.single-team-member .team-member .bio-wrapper .right { padding-top: 4rem; padding-right: 2rem; padding-bottom: 8rem; } -.team-member .bio-wrapper .right strong { +.single-team-member .team-member .bio-wrapper .right strong { color: #063C5A; } -.team-member .bio-wrapper .right h2, .team-member .bio-wrapper .right .h2 { +.single-team-member .team-member .bio-wrapper .right h2, .single-team-member .team-member .bio-wrapper .right .h2 { font-size: 50px; line-height: 32px; color: #063C5A; diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index 66e9bb6..bfa6ac7 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2", - "/app.css": "/app.css?id=e5956964f1ca57b86662e3380ce5e88d" + "/app.css": "/app.css?id=39f770106bcdc96ab264241482ff5a3d" } diff --git a/src/scss/team-member.scss b/src/scss/team-member.scss index a128e93..b98df50 100644 --- a/src/scss/team-member.scss +++ b/src/scss/team-member.scss @@ -1,74 +1,76 @@ -.team-member-top { - @extend .intro_block; -} - -.team-member { - margin-top: -162px; - - .content-wrapper { - background-color: $c-offWhiteLight; +.single-team-member { + .team-member-top { + @extend .intro_block; } - .team-member-intro-bar { - background-color: $c-navy; - color: $c-white; - display: flex; - height: 394px; - justify-content: space-between; - align-items: center; + .team-member { + margin-top: -162px; - .text { - padding-left: 2rem; + .content-wrapper { + background-color: $c-offWhiteLight; + } - h2 { - font-size: 48px; - line-height: 49px; - font-weight: 600; + .team-member-intro-bar { + background-color: $c-navy; + color: $c-white; + display: flex; + height: 394px; + justify-content: space-between; + align-items: center; - span { + .text { + padding-left: 2rem; + + h2 { + font-size: 48px; + line-height: 49px; + font-weight: 600; + + span { + display: block; + font-size: 28px; + } + } + } + + .image { + height: 100%; + } + + img { + height: 100%; + display: block; + border-right: 160px solid $c-tan; + } + } + + .bio-wrapper { + padding: 0 3rem; + .left { + padding-top: 4rem; + + a { display: block; - font-size: 28px; + } + } + + .right { + padding-top: 4rem; + padding-right: 2rem; + padding-bottom: 8rem; + + strong { + color: $c-navy; + } + + h2 { + @extend .goudy; + font-size: 50px; + line-height: 32px; + color: $c-navy; + margin-bottom: 2rem; } } } - - .image { - height: 100%; - } - - img { - height: 100%; - display: block; - border-right: 160px solid $c-tan; - } - } - - .bio-wrapper { - padding: 0 3rem; - .left { - padding-top: 4rem; - - a { - display: block; - } - } - - .right { - padding-top: 4rem; - padding-right: 2rem; - padding-bottom: 8rem; - - strong { - color: $c-navy; - } - - h2 { - @extend .goudy; - font-size: 50px; - line-height: 32px; - color: $c-navy; - margin-bottom: 2rem; - } - } } }