diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index 71889c7..ec16365 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -260,6 +260,32 @@ body.rwavw-custom { text-align: left !important; } } + + .pure-g > div:first-child { + position: relative; + + &::after { + content: ''; + display: block; + position: absolute; + height: 100%; + top: 0; + left: 15px; + right: 15px; + + $bg-color: $neutral-900; + background-color: rgba($bg-color, 0.2); + box-shadow: 0 0 66px 0 rgba($bg-color, 0.4) inset; + + @media (min-width: 64em) { + right: 44px; + } + } + } + + img { + box-shadow: $box-shadow-sk; + } } .widget.rwavw-feature-main { diff --git a/src/scss/_footer.scss b/src/scss/_footer.scss index 63708e9..dc534ca 100644 --- a/src/scss/_footer.scss +++ b/src/scss/_footer.scss @@ -5,6 +5,10 @@ body.rwavw-custom { color: #b0b0b0; background-color: $neutral-900; + * { + background-color: inherit; + } + a { color: $accent-500; font-weight: 600; diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 59e5aad..fb110b4 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -5,6 +5,6 @@ $neutral-900: #231f20; $box-shadow-sk: 4px 4px 6px rgba(0, 10, 56, 0.15), -4px -4px 9px rgba(#fff, 0.75); -$border-radius: 6px; +$border-radius: 3px; diff --git a/src/scss/style.scss b/src/scss/style.scss index 5e31a7d..cb34e56 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -151,6 +151,10 @@ body.rwavw-custom { ); } + .heading-page-title { + font-weight: 400; + } + .heading-section-title { font-weight: 400; font-size: 32px; @@ -173,6 +177,9 @@ body.rwavw-custom { } .widget.rwavw-cta-box { + box-shadow: $box-shadow-sk; + border-radius: $border-radius; + .section-cols > .pure-g { display: flex; flex-direction: column;