diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index 0cd4206..efa530e 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -1,10 +1,76 @@ body.rwavw-custom { + .widget[class^='rwavw-feature'], + .widget[class*=' rwavw-feature'] { + + h2, h3, h4, h5, h6 { + color: #000a38; + } + + h2, h3 { + font-weight: 400; + margin: 0; + } + + h4, h5, h6 { + font-weight: 600; + font-size: 22px; + line-height: 33px; + letter-spacing: 1px; + margin-top: 0; + margin-bottom: 22px; + } + + p { + font-size:19px; + margin-bottom: 22px; + letter-spacing: normal; + color: #020121; + + svg { + height: 44px; + width: auto; + color: #ba815b; + opacity: 0.6; + } + } + + .pure-g > div:first-child { + padding-right: 44px; + } + + .pure-g > div:last-child { + padding-left: 44px; + } + } + + .widget.rwavw-feature-details { + h4, h5, h6 { + opacity: 0.8; + } + + p { + font-size:16px; + font-weight: 600; + opacity: 0.6; + } + } + + .widget.rwavw-feature-limits { + .pure-g > div:last-child { + display: flex; + flex-direction: row; + align-items: center; + + h2, h3, h4, h5, h6 { + } + } + } + .widget.rwavw-feature-sunset { .pure-g { > div:first-child { z-index: 5; - padding-right: 44px; display: flex; flex-direction: column; justify-content: center; @@ -17,10 +83,7 @@ body.rwavw-custom { .h2, h3, h4, h5, h6 { position: relative; - font-weight: 400; text-align: right !important; - color: #000a38; - margin-top: 0; margin-bottom: 44px; &::before { @@ -36,7 +99,6 @@ body.rwavw-custom { border-radius: 3px; - // background-color: rgba(#000, 0.05); background-image: linear-gradient( 140deg, rgba($color, 0.01), @@ -46,9 +108,6 @@ body.rwavw-custom { } p { - font-size:19px; - margin-bottom: 22px; - color: #020121; text-align: right !important; } } @@ -273,72 +332,5 @@ body.rwavw-custom { } } } - - #footer { - // TODO set using theme - how? - color: #b0b0b0; - background-color: #272729; - - a { - color: #fff; - font-weight: 600; - opacity: 0.8; - - &.button-social { - color: #fff; - &.btn-massive > i { - font-size: 24px; - } - } - } - - h2, h3, h4, h5, h6 { - color: inherit; - font-size: 2.4rem; - font-weight: 400; - line-height: 22px; - letter-spacing: 0.75px; - margin: 0 0 22px; - } - - .section-title .heading + .excerpt { - margin-top: 22px; - } - - p { - margin: 0 0 22px; - - &:last-child { - margin: 0; - } - } - } - - .footer-widgets { - .widget.invert, - .section-title.invert, - widget *:not(:link) { - color: inherit; - } - - > .pure-g > .pure-u-1 { - padding: 44px 22px 0; - } - - .section-title { - margin: 0 0 22px; - } - - .content-vertical-massive { - padding-top: 0; - padding-bottom: 0; - } - - // FIXME temp fix - why happening in first place?? - .scroll-in-animation { - animation: none; - opacity: 1; - } - } }