UNPKG

@randstad-design/orbit-multitheme

Version:

multitheme Front-end code based on Randstad Human Forward components

116 lines (103 loc) 2.67 kB
.footer__wrapper { font-family: Montserrat, arial, sans-serif; font-size: 16px; text-transform: none; line-height: 25px; padding-bottom: 40px; padding-top: 25px; } .footer__grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer__grid:first-child { padding-bottom: 50px; } .footer__column { width: 100%; } .footer__info { margin-bottom: 30px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } .footer__info p:last-child { margin-bottom: 0; } .footer__info a[href^='tel'] { color: inherit; text-decoration: inherit; } .footer__info svg { margin-right: 5px; } .footer__bottom-nav { margin-bottom: 0; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 100%; } .footer__bottom-nav li { margin-bottom: 10px; } .footer .social__list { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 30px; width: 100%; } .footer .social__list svg { -webkit-transition: fill 0.2s ease-out; transition: fill 0.2s ease-out; } .footer--s .footer__wrapper { padding-bottom: 40px; padding-top: 40px; } .footer--s .footer__grid:first-child { border-bottom: 0; padding-bottom: 0; } @media (max-width: 940px) { .footer__grid.divider { border-bottom: 0; } } @media (min-width: 941px) { .footer__wrapper { padding-bottom: 50px; padding-top: 80px; } .footer__grid + .footer__grid { margin-top: 30px; } .footer__column { width: calc((13/58) * 100%); } .footer__column .collapsible__button { display: none; } .footer .social__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__info p { margin-bottom: 30px; width: 100%; } .footer__bottom-nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -10px; } .footer__bottom-nav ul li { margin-top: 0; margin-right: 30px; } .footer--s .footer__wrapper { padding-bottom: 50px; padding-top: 50px; } } .footer__column .extensive-link-list__item { width: 100%; } .footer__grid li a, .footer__grid li a:visited, .footer__grid li a:active { color: #97999b; fill: #97999b; } /*# sourceMappingURL=footer.css.map */