.wallpaper-applied .accessContainer > .container .inner-sleeve.accessMessage::after { display: none;
} .wallpaper-applied .accessContainer > .container .inner-sleeve.accessMessage { margin-bottom: 40px;
} .accessContainer .accessMessage { background: #000000; box-shadow: none; border: none; margin: 0 auto 40px auto; padding: 0 0 0 0; } .accessContainer .accessMessage .middleBlock { background: transparent; box-shadow: none; border: none; margin: 0 0 0 0; padding: 0 0 0 0; } .accessContainer .accessMessage .topBlock { margin: 0 0 0 0; padding: 0 0 0 0; } .accessContainer .accessMessage .topBlock p.sub-sign-in { background: #FEF200; color: #000000; font-family: “ff-unit-web-pro”, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; padding: 12px 0; margin: 0 0 0 0; text-align: center;
} .reg-bottom.grocer-gating { margin: 0 0 0 0; padding: 0 0 0 0;
} .reg-bottom.grocer-gating h2, .accessContainer .accessMessage .middleBlock .reg-bottom.grocer-gating p, .reg-bottom.grocer-gating ul, .reg-bottom.grocer-gating ul li, .reg-bottom.grocer-gating a { color: #FFFFFF; font-family: “ff-unit-web-pro”, sans-serif; line-height: normal; margin: 0 0 0 0; padding: 0 0 0 0;
} .reg-bottom.grocer-gating.register-block { background-color: #000000; background: url(“/pictures/web/h/s/t/gatingscreenshots_568629.png”) 500px 35% no-repeat, linear-gradient(97deg, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 100%); color: #FFFFFF; text-align: left; position: relative;
} .reg-bottom.grocer-gating.register-block { padding-bottom: 60px;
} .reg-bottom.grocer-gating.register-block p.sub-sign-in a { color: #000000;
} .reg-bottom.grocer-gating.register-block h2 { color: #FFFFFF; font-family: ff-unit-slab-web, sans-serif; font-weight: 700; font-style: normal; font-size: 35px; padding: 27px 0 22px 40px; margin: 0 0 0 0;
} .reg-bottom.grocer-gating.register-block ul { display: block; padding: 0 0 20px 40px; margin-left: 20px;
} .reg-bottom.grocer-gating.register-block ul li { background-image: url(/pictures/web/h/s/t/tick_726678.png); background-position: left center; background-repeat: no-repeat; display: block; font-family: “ff-unit-web-pro”, sans-serif; font-weight: 400; font-style: normal; font-size: 20px; letter-spacing: -0.012em; margin: 0 0 10px 0; padding: 5px 30px 3px 35px;
} .reg-bottom.grocer-gating.register-block ul li:last-of-type { padding-right: 0;
} .reg-bottom.grocer-gating.register-block img.logo { margin: 40px 0 0 40px;
} .reg-bottom.grocer-gating.register-block img.logo.mobile-yes { display: none;
} .reg-bottom.grocer-gating.register-block a.cta-button { background: #FEF200; border-radius: 6px; color: #000000; display: inline-block; font-family: “ff-unit-web-pro”, sans-serif; font-weight: 500; font-style: normal; font-size: 20px; padding: 16px 20px 14px 20px; margin: 0 0 0 40px; text-transform: uppercase; text-decoration: none;
} .reg-bottom.grocer-gating.register-block a.cta-button:hover { text-decoration: underline;
} @media (min-width: 701px) and (max-width: 1209px) { .reg-bottom.grocer-gating.register-block { background: url(“/pictures/web/h/s/t/gatingscreenshots_568629.png”) 400px 35% no-repeat, linear-gradient(97deg, rgba(0,0,0,1) 0%, rgba(44,44,44,1) 100%); } } @media only screen and (max-width: 700px) { .reg-bottom.grocer-gating.register-block { background: #000000; text-align: center; } .reg-bottom.grocer-gating.register-block h2 { padding: 40px 20px 25px 20px; } .reg-bottom.grocer-gating.register-block ul { padding-left: 0; margin-left: 0; padding-bottom: 38px; } .reg-bottom.grocer-gating.register-block ul li { background-image: none; padding: 5px 0 3px 0; margin-bottom: 0; width: 100%; } .reg-bottom.grocer-gating.register-block ul li:first-of-type { background-image: url(/pictures/web/h/s/t/tick2x_562103.png); background-position: top center; background-size: 40px 40px; padding-top: 56px; } .reg-bottom.grocer-gating.register-block a.cta-button { margin-left: 0; margin-bottom: 20px; } .reg-bottom.grocer-gating.register-block img.logo { display: block; position: relative; bottom: auto; right: auto; margin-top: 0; margin-left: calc(50% – 50px); } .reg-bottom.grocer-gating.register-block img.logo.mobile-no { display: none; } .reg-bottom.grocer-gating.register-block img.logo.mobile-yes { display: block; padding: 0 0 0 0; } }