diff --git a/src/js/index.js b/src/js/index.js index 0c92635..132d425 100644 --- a/src/js/index.js +++ b/src/js/index.js @@ -8,6 +8,7 @@ window.addEventListener('DOMContentLoaded', event => { // TODO this selector needs to be robuts const enquiryForm = document.querySelector('#wpcf7-f1041-o1 > form'); + const cookieShow = document.getElementById('js-cookie-show'); const intersectionSupport = !!window.IntersectionObserver; function updateObservedCount() { @@ -45,5 +46,17 @@ } updateObservedCount(); }); + + if (cookieShow) { + document.body.classList.add('hide-cookie-hdr-showagain'); + cookieShow.addEventListener('click', () => { + CLI.showagain_elm.slideUp(CLI.settings.animate_speed_hide, () => { + CLI.bar_elm.slideDown(CLI.settings.animate_speed_show); + if (CLI_COOKIEBAR_AS_POPUP) { + CLI.showPopupOverlay(); + } + }); + }); + } }); })(); diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss index 45844cf..57a64dd 100644 --- a/src/scss/_featured.scss +++ b/src/scss/_featured.scss @@ -21,6 +21,13 @@ body.rwavw-custom { margin-bottom: 22px; } + .col-details { + font-size: 22px; + font-weight: 600; + opacity: 0.5; + line-height: 1.4; + } + p { font-size:19px; margin-bottom: 22px; @@ -87,26 +94,8 @@ body.rwavw-custom { } } - .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; - } - } + .col-details { + text-transform: none; } img { diff --git a/src/scss/_footer.scss b/src/scss/_footer.scss index 0534d8d..82fed74 100644 --- a/src/scss/_footer.scss +++ b/src/scss/_footer.scss @@ -14,11 +14,11 @@ body.rwavw-custom { background-color: inherit; } - a { + a, + button{ padding-top: 9px; padding-bottom: 9px; - margin-top: -9px; - margin-bottom: -9px; + margin: -9px -6px; color: $accent-500; font-family: "Open Sans", Helvetica, Arial, sans-serif; @@ -41,6 +41,10 @@ body.rwavw-custom { } } + .button--link { + border: 0; + } + .heading, .heading-col-title { color: inherit; diff --git a/src/scss/style.scss b/src/scss/style.scss index 3ba7a5a..ec9408f 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -16,6 +16,23 @@ } body.rwavw-custom { + &.hide-cookie-hdr-showagain { + #cookie-law-info-again { + display: none !important; + } + } + + .responsive-nav span, + .responsive-nav span::before, + .responsive-nav span::after { + background-color: $neutral-900; + } + + .wrapper[class*=" off-canvas"] li > a { + font-size: 18px; + padding: 9px 0; + } + #top-nav { .nav, .logo { @@ -53,7 +70,7 @@ body.rwavw-custom { } } - .wrapper-site > .wrapper-content > .widget { + &.home .wrapper-site > .wrapper-content > .widget { margin-bottom: 44px; &.rwavw-feature-details { @@ -203,11 +220,22 @@ body.rwavw-custom { opacity: 1; } + &.link-social:link, + &.link-social:visited { + font-weight: 600; + font-size: 15px; + } + &:hover, &:active { opacity: 0.7; } + &.link-social:hover, + &.link-social:active { + // opacity: 0.4; + } + svg { position: relative; width: auto;