/*---Footer----------------------------------------------------*/ footer { position: relative; bottom: 0; width: 100%; height: auto; background: var(--dark-green); } footer p, footer a { font-family: var(--sans-serif); } #footer-content-container { position: relative; margin: auto; padding-top: 2rem; max-width: 116rem; width: 97vw; } #footer-grid-content-container { display: grid; margin-left: 2rem; margin-right: 2rem; margin-bottom: 1.4rem; } .not-logged { grid-template-columns: auto auto auto 2rem; } .logged { grid-template-columns: auto auto 2rem; } footer h2 { color: #ffffff; font-size: 1.4rem; margin-bottom: 0.5rem; } #footer-copyright { position: relative; color: #ffffff; margin-left: 2rem; bottom: 0rem; font-weight: 400; font-size: 1.2rem; height: 3rem; top: 0rem; margin-bottom: 0; } footer a { font-size: 1.2rem; color: #d8d8d8; } footer p, footer label { display: block; font-size: 1.2rem; color: #d8d8d8; font-family: var(--sans-serif,sans-serif); margin-bottom: 0.5rem; } #newsletter-container h3 { margin-bottom: 0.99rem; } #newsletter-container p { width: 28.665rem; margin-bottom: 0.48rem; } #newsletterEmailInput { height: 2.5rem; width: 20.5rem; border: 0; border-radius: 0.4rem 0 0 0.4rem; filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4)); } #newsletterEmailInput::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--c,gray); opacity: 1; /* Firefox */ } #newsletterEmailButton { position: absolute; width: 6.8rem; height: 2.5rem; background: var(--pink); color: #ffffff; font-family: var(--sans-serif,sans-serif); font-size: 1.4rem; border-radius: 0 0.2rem 0.2rem 0; filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4)); } #newsletterEmailButton:active { background: var(--darker-pink); } #contact-us-container { width: 14rem; } #contact-us-container h3 { margin-bottom: 0.99rem; } #legal-info-container { width: 9.6rem; } #legal-info-container h3 { margin-bottom: 0.99rem; } #legal-info-container p { margin-bottom: 0.48rem; } #legal-info-container a { display: block; margin-bottom: 0.48rem; } #footer-up { position: absolute; width: 4.8rem; height: 4.8rem; border-radius: 3.4rem; top: 4rem; right: 2rem; background: #ffffff; } #footer-up svg { width: 40%; height: auto; } .grass{ position: absolute; top: -3.8rem; --height: 3.82rem; filter: drop-shadow( 0.07rem 0.14rem 0.07rem rgb(0 0 0 / 0.4)); z-index: -1; } @media only screen and (max-width: 1170px) { .not-logged { grid-template-rows: auto auto auto auto; grid-template-columns: auto; row-gap: 2rem; } .logged { grid-template-rows: auto auto auto; grid-template-columns: auto; row-gap: 2rem; } #footer-copyright { height: 1rem; top: -2rem; } #newsletterEmailInput { width: 18rem; } }