diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index efa530e..434c486 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -30,21 +30,61 @@ body.rwavw-custom { svg { height: 44px; width: auto; - color: #ba815b; - opacity: 0.6; + opacity: 0.8; } } - .pure-g > div:first-child { - padding-right: 44px; + .pure-g > div { + display: flex; + flex-direction: column; + justify-content: center; + align-items: stretch; + + &:first-child { + padding-right: 44px; + } + + &:last-child { + padding-left: 44px; + } + } + } + + .widget.rwavw-feature-narrow { + .pure-g > div { + justify-content: flex-start; } - .pure-g > div:last-child { - padding-left: 44px; + h2, h3 { + font-size: 60px; + line-height: 1; + margin-bottom: 44px; + } + + .row-group { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + } + + p { + font-weight: 600; + font-size: 20px; + line-height: 33px; + padding-right: 18px; + margin-top: 0; + margin-bottom: 44px; + opacity: 0.6; + } } .widget.rwavw-feature-details { + .pure-g > div { + justify-content: flex-start; + } + h4, h5, h6 { opacity: 0.8; } @@ -57,23 +97,12 @@ body.rwavw-custom { } .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; - display: flex; - flex-direction: column; - justify-content: center; } > div:last-child { @@ -121,9 +150,6 @@ body.rwavw-custom { .gallery-item { flex: 100% 0 0; - - .gallery-link { - } } .pure-g {