diff --git a/src/scss/_feature-narrow.scss b/src/scss/_feature-narrow.scss index 633c3bb..7ed619a 100644 --- a/src/scss/_feature-narrow.scss +++ b/src/scss/_feature-narrow.scss @@ -2,6 +2,11 @@ body.rwavw-custom { .widget.rwavw-feature-narrow { // bg color of row group accent $bg-color: $accent-500; + + &.pull-up { + margin-top: -132px; + } + .pure-g > div { justify-content: flex-start; } @@ -44,6 +49,9 @@ body.rwavw-custom { } @media (min-width: 64em) { + &.pull-up { + margin-top: -22px; + } .row-group::before { top: -11px; bottom: -11px; diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index 2cddcf1..45844cf 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -270,10 +270,6 @@ body.rwavw-custom { } .widget.rwavw-featured { - h2 { - color: red; - } - > .fg { padding-top: 0; } diff --git a/src/scss/_footer.scss b/src/scss/_footer.scss index dc534ca..0534d8d 100644 --- a/src/scss/_footer.scss +++ b/src/scss/_footer.scss @@ -5,24 +5,44 @@ body.rwavw-custom { color: #b0b0b0; background-color: $neutral-900; + .layout-boxed { + padding-left: 20px; + padding-right: 20px; + } + * { background-color: inherit; } a { + padding-top: 9px; + padding-bottom: 9px; + margin-top: -9px; + margin-bottom: -9px; + color: $accent-500; + font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; + text-transform: none; + letter-spacing: 0.5px; opacity: 0.8; + background-color: transparent; &.button-social { + padding-left: 12px; + padding-right: 12px; + margin-left: 0; + margin-right: 0; color: $accent-500; - &.btn-massive > i { - font-size: 24px; - } + + &.btn-massive > i { + font-size: 24px; + } } } - h2, h3, h4, h5, h6 { + .heading, + .heading-col-title { color: inherit; font-size: 2.4rem; font-weight: 400; diff --git a/src/scss/_hero.scss b/src/scss/_hero.scss index 43deb20..2b462ae 100644 --- a/src/scss/_hero.scss +++ b/src/scss/_hero.scss @@ -80,11 +80,18 @@ body.rwavw-custom { border: 3px solid $accent-500; - transition: opacity .2s; - opacity: 1; + transition: opacity .2s, transform 0.3s; - &:hover { - opacity: 0.8; + &:link, + &:visited { + opacity: 1; + transform: none; + } + + &:hover, + &:active { + opacity: 0.9; + transform: scale(0.975); } &:first-child { diff --git a/src/scss/_social-proof.scss b/src/scss/_social-proof.scss index 5a6d1da..6d77a84 100644 --- a/src/scss/_social-proof.scss +++ b/src/scss/_social-proof.scss @@ -1,4 +1,8 @@ body.rwavw-custom { + .wrapper-site > .wrapper-content > .widget.social-proof.mb-0 { + margin-bottom: 0; + } + .testimonials-widget-testimonial.list, .bx-wrapper { position: relative; @@ -19,7 +23,7 @@ body.rwavw-custom { } .bx-wrapper { - height: 285px; + height: 380px; } .testimonials-widget { @@ -54,6 +58,10 @@ body.rwavw-custom { } @media (min-width: 64em) { + .bx-wrapper { + height: 285px; + } + .widget.social-proof { min-height: 315px; } diff --git a/src/scss/style.scss b/src/scss/style.scss index 69ccdee..3ba7a5a 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -56,15 +56,15 @@ body.rwavw-custom { .wrapper-site > .wrapper-content > .widget { margin-bottom: 44px; - &:not(:first-child) { - margin-top: 44px; - } - &.rwavw-feature-details { @media (max-width: 64em) { margin-top: -44px; } } + + @media (min-width: 64em) { + margin-bottom: 88px; + } } .widget.rwavw-boxed { @@ -199,12 +199,13 @@ body.rwavw-custom { color: $accent-500; font-weight: bold; font-size: 18px; - opacity: 0.8; + transition: opacity 0.3s; + opacity: 1; } &:hover, &:active { - opacity: 1; + opacity: 0.7; } svg {