diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index 583b9b6..8dec880 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -3,13 +3,13 @@ body.rwavw-custom { .widget[class^='rwavw-feature'], .widget[class*=' rwavw-feature'] { - h2, h3, h4, h5, h6 { - color: #000a38; + img.bg { + // TODO where is that iomage comiong from? + display: none !important; } - h2, h3 { - font-weight: 400; - margin: 0; + h2, h3, h4, h5, h6 { + color: #000a38; } h4, h5, h6 { @@ -39,6 +39,8 @@ body.rwavw-custom { flex-direction: column; justify-content: center; align-items: stretch; + margin-left: auto; + margin-right: auto; } @media (min-width: 67.98em) { @@ -60,17 +62,16 @@ body.rwavw-custom { justify-content: flex-start; } - 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; + + text-align: center; + } + p, .heading-section-title { + margin-bottom: 22px; } p { @@ -79,7 +80,6 @@ body.rwavw-custom { line-height: 33px; padding-right: 18px; margin-top: 0; - margin-bottom: 44px; opacity: 0.6; a { @@ -88,6 +88,7 @@ body.rwavw-custom { font-size: 18px; font-weight: 600; background-color: rgba(0, 10, 56, 0.05); + margin-left: -22px; padding: 0 22px; border-radius: 22px; line-height: 42px; @@ -102,6 +103,10 @@ body.rwavw-custom { margin-left: 4px; } } + + &.text-right a { + margin-right: -22px; + } } .swiper-container { @@ -130,6 +135,30 @@ body.rwavw-custom { opacity: 0.6; } } + + @media (min-width: 767px) { + } + + @media (max-width: 64em) { + p { + text-align: center !important; + + a { + margin-left: 0; + margin-right: 0; + } + } + + .swiper-wrapper { + display: none; + } + } + + @media (min-width: 64em) { + p, .heading-section-title { + margin-bottom: 44px; + } + } } .widget.rwavw-feature-details { @@ -149,7 +178,7 @@ body.rwavw-custom { } .widget.rwavw-feature-limits { -k h2, h3, h4, h5, h6 { + h2, h3, h4, h5, h6 { margin-top: 44px; @media (min-width: 64em) { @@ -446,5 +475,48 @@ k h2, h3, h4, h5, h6 { } } } + + .widget.rwavw-feature-shortlist { + + .pure-g > .pure-u-1 { + position: relative; + + .heading-col-title { + font-size: 18px; + font-weight: 600; + margin: 110px 0 22px; + opacity: 0.8; + } + + p { + margin: 0; + + svg { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 50%; + transform: translateX(-50%) !important; + height: 88px; + width: 88px; + opacity: 0.4; + } + } + } + } + + .widget.rwavw-feature-extras { + p, .heading-section-title { + color: inherit; + } + + p { + &.lead { + font-size: 22px; + margin-bottom: 44px; + } + } + } } diff --git a/src/scss/style.scss b/src/scss/style.scss index bc62565..fa8e3ee 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -51,13 +51,15 @@ body.rwavw-custom { } } - .custom-logo-link img { - // max-height: 70px; - } + .wrapper-site > .wrapper-content > .widget { + margin-top: 44px; + margin-bottom: 44px; - .heading-page-title { - // font-weight: 300; - // opacity: 0.7; + &.rwavw-feature-details { + @media (max-width: 64em) { + margin-top: -44px; + } + } } .widget.rwavw-boxed { @@ -144,4 +146,25 @@ body.rwavw-custom { rgba(#000, 0) 50% ); } + + .heading-section-title { + font-weight: 400; + font-size: 32px; + line-height: 1.2; + margin-bottom: 44px; + + @media (max-width: 767px) { + } + + @media (min-width: 766.98px) { + } + + @media (max-width: 63.98em) { + text-align: center !important; + } + + @media (min-width: 64em) { + font-size: 60px; + } + } }