footer.footer-block {
position: relative;
overflow: hidden;
background-color: #F5F1E7;
}
footer.footer-block:before {
display: block;
content: "";
position: absolute;
top: 0px;
width: 100%;
height: 150px;
transform: rotate(-180deg);
background-position: center;
background-image: url(https://androuet.mtgpreprod.com/app/themes/androuet/blocks/footer.block/assets/footer-block-svg-1.svg);
background-repeat: repeat-x;
background-size: contain;
}
@media (max-width: 768px) {
footer.footer-block:before {
background-size: auto;
}
}
footer.footer-block:after {
display: block;
content: "";
position: absolute;
bottom: 0px;
width: 100%;
height: 150px;
background-position: center;
background-repeat: repeat-x;
background-image: url(https://androuet.mtgpreprod.com/app/themes/androuet/blocks/footer.block/assets/footer-block-svg-2.svg);
}
@media (max-width: 768px) {
footer.footer-block:after {
background-size: auto;
}
}
footer.footer-block .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 190px 2rem;
}
@media (max-width: 768px) {
footer.footer-block .container {
gap: 2.5rem;
padding: 190px 1.5rem;
}
}
footer.footer-block .container span.flower-effect {
display: block;
content: "";
position: absolute;
top: 1.25rem;
right: 1.75rem;
width: 193px;
height: 140px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(https://androuet.mtgpreprod.com/app/themes/androuet/blocks/footer.block/assets/footer-block-svg-3.svg);
}
@media (max-width: 768px) {
footer.footer-block .container span.flower-effect {
width: 137px;
height: 100px;
top: 3.5rem;
right: 0.75rem;
}
}
footer.footer-block .wrapper-top {
width: 100%;
display: flex;
justify-content: space-between;
gap: 5.25rem;
padding-bottom: 3rem;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top {
flex-direction: column;
align-items: flex-start;
padding-bottom: 0rem;
gap: 2.5rem;
}
}
footer.footer-block .wrapper-top .wrapper-infos {
width: 100%;
max-width: 326px;
display: flex;
flex-direction: column;
gap: 2rem;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top .wrapper-infos {
max-width: 100%;
}
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter {
background-color: #58171E;
border-radius: 0.5rem;
width: 100%;
padding: 1.5rem;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter .title {
font-size: 1.75rem;
line-height: 120%;
margin-bottom: 0.5rem;
font-family: "Owners", sans-serif;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter p {
color: #fff;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter p:not(.title) {
font-weight: 300;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form {
margin: 1.25rem 0rem 0rem 0rem;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form .forminator-row label {
color: #fff !important;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form .forminator-row .forminator-button {
margin-top: 0rem !important;
background-color: #F9F6F1 !important;
color: #141414 !important;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form .forminator-row .forminator-button:hover {
background-color: #A72E35 !important;
color: #fff !important;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form .forminator-row .forminator-checkbox__wrapper label span.forminator-checkbox-box {
border-color: #fff !important;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form .forminator-row .forminator-checkbox__wrapper label span.forminator-checkbox-box:before {
color: #fff !important;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form .forminator-row span.forminator-error-message {
color: #fff !important;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-newsletter form .forminator-row span.forminator-error-message:before {
background-color: #fff !important;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-cta {
background-color: #fff;
border-radius: 0.5rem;
width: 100%;
padding: 1.5rem;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-cta .title {
font-size: 1.75rem;
margin-bottom: 0.5rem;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-cta p:not(.title) {
font-weight: 300;
}
footer.footer-block .wrapper-top .wrapper-infos .wrapper-cta .btn {
width: 100%;
margin-top: 1.25rem;
}
footer.footer-block .wrapper-top .wrapper-menu {
display: flex;
flex-direction: column;
gap: 4rem;
width: 100%;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top .wrapper-menu {
gap: 2.5rem;
}
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer {
display: flex;
flex-wrap: wrap;
gap: 4rem 1.25rem;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer {
gap: 1.5rem;
flex-direction: column;
}
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li a {
transition: 0.35s;
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li.menu-item-has-children {
width: calc(25% - 0.9375rem);
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li.menu-item-has-children {
width: 100%;
position: relative;
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li.menu-item-has-children:hover:after {
transform: rotate(-180deg);
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li.menu-item-has-children:hover ul {
display: flex !important;
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li.menu-item-has-children:after {
display: block;
content: "";
position: absolute;
right: 0px;
top: 7px;
width: 0.75rem;
height: 0.5rem;
transition: 0.35s;
background-position: center;
background-repeat: no-repeat;
background-image: url(https://androuet.mtgpreprod.com/app/themes/androuet/blocks/footer.block/assets/footer-block-svg-4.svg);
}
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li.menu-item-has-children > a {
text-transform: uppercase;
color: #58171E;
font-weight: 400;
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li ul.nav-footer__submenu {
margin-top: 1.25rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li ul.nav-footer__submenu {
display: none;
}
}
footer.footer-block .wrapper-top .wrapper-menu nav ul.nav-footer li ul.nav-footer__submenu li a:hover {
text-decoration: underline;
}
footer.footer-block .wrapper-top .wrapper-menu .wrapper-socials {
display: flex;
align-items: center;
gap: 3rem;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top .wrapper-menu .wrapper-socials {
justify-content: space-between;
}
}
footer.footer-block .wrapper-top .wrapper-menu .wrapper-socials p.title {
margin-bottom: 0.25rem;
}
footer.footer-block .wrapper-top .wrapper-menu .wrapper-socials .socials {
display: flex;
gap: 0.75rem;
}
footer.footer-block .wrapper-top .wrapper-menu .wrapper-socials .socials a {
display: block;
width: 2.75rem;
height: 2.75rem;
border-radius: 0.25rem;
border: 1px solid #A72E35;
background-repeat: no-repeat;
background-position: center;
background-image: var(--picto);
transition: 0.35s;
}
footer.footer-block .wrapper-top .wrapper-menu .wrapper-socials .socials a:hover {
background-color: rgba(167, 46, 53, 0.1);
}
footer.footer-block .wrapper-top .wrapper-logos {
display: flex;
align-items: center;
gap: 0.75rem;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-top .wrapper-logos {
flex-wrap: wrap;
gap: 1rem;
}
}
footer.footer-block .wrapper-top .wrapper-logos .wrapper-image {
width: 140px;
height: 55px;
overflow: hidden;
}
footer.footer-block .wrapper-top .wrapper-logos .wrapper-image img {
object-fit: contain;
object-position: center;
}
footer.footer-block .wrapper-bottom {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
padding-top: 2rem;
border-top: 1px solid #D5D2CC;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-bottom {
justify-content: center;
flex-direction: column;
}
}
footer.footer-block .wrapper-bottom .wrapper-copyright {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2.5rem;
}
@media (max-width: 768px) {
footer.footer-block .wrapper-bottom .wrapper-copyright {
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
}
footer.footer-block .wrapper-bottom .wrapper-copyright * {
color: #686561;
font-weight: 400;
}
footer.footer-block .wrapper-bottom .wrapper-copyright a {
text-decoration: underline;
transition: 0.35s;
}
footer.footer-block .wrapper-bottom .wrapper-copyright a:hover {
color: #A72E35;
}
footer.footer-block .wrapper-bottom nav ul {
display: flex;
gap: 2.5rem;
}
footer.footer-block .wrapper-bottom nav ul li a {
color: #141414;
font-weight: 400;
transition: 0.35s;
}
footer.footer-block .wrapper-bottom nav ul li a:hover {
color: #A72E35;
}
footer.footer-block .wrapper-socials {
display: flex;
align-items: center;
gap: 0.75rem;
}
footer.footer-block .wrapper-socials a {
display: block;
width: 1.5rem;
height: 1.5rem;
text-indent: -200vw;
white-space: nowrap;
position: relative;
}
footer.footer-block .wrapper-socials a:after {
display: block;
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-image: var(--picto);
transition: background-color 0.3s cubic-bezier(0, 0.85, 0.6, 1);
}