#fotter-bottom{ box-shadow: 1px 0px 8px $black; display: flex; flex: 1 1 120px; flex-direction: row; background-color: $white; padding-top: 3rem; @media (max-width: 810px){ flex-direction: column; padding-right: 1rem; } .region{ display: block; padding-left: 2rem; padding-right: 1rem; padding-bottom: 1rem; border-left: $blue-light solid 1px; h2{ margin-top: 0; color: $blue-dark; font-size: 1.2rem; } } .region-footer-bottom-left{ margin-left: 3rem; border: none; width: 20%; @media (max-width: 810px){ width: 100%; margin-left: 0rem; } .view-id-partenaires{ .view-content{ display: flex; flex-direction: row; justify-content:flex-start; flex-wrap: wrap; padding-top: 1rem; .node-type-partenaires_logo_footer_{ padding-right: 1rem; padding-bottom: 1rem; } } } .block-views-blockpartenaires-block-3{ img{ width: auto; height: 30px; } } } .region-footer-bottom-right{ width: 30%; display: flex; flex-direction: column-reverse; justify-content: flex-end; @media (max-width: 810px){ width: 100%; } #block-socialnetwork { margin-bottom: 1rem; .field--name-body{ p{ margin-top: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; a{ color: $white; font-size: 0; padding-left: 1rem; } svg.ext{ display: none; } .link-twitter{ display: flex; &:before{ content: url("../images/pictos/logo_x_noir.svg"); min-width: 50px; align-self: center; } } .link-youtube{ display: flex; &:before{ content: url("../images/pictos/youtube_black.svg"); min-width: 50px; } } .link-linkedin{ display: flex; &:before{ content: url("../images/pictos/linkedin_black.svg"); min-width: 50px; } } } } } #block-pieddepage ul{ margin-top: 0; color: $blue-dark; font-weight: 800; list-style: none; padding-left: 0; a{ color: $blue-dark; font-size: 1.2rem; text-decoration: underline; margin-top: 0; } } } .region-footer-bottom-middle{ width: 60%; @media (max-width: 810px){ width: 100%; } .view-id-partenaires{ .view-content{ display: flex; flex-direction: row; justify-content:flex-start; flex-wrap: wrap; .node-type-partenaires_logo_footer_{ padding-right: 1rem; padding-bottom: 1rem; } } } } }