UNPKG

@randstad-design/orbit-multitheme

Version:

multitheme Front-end code based on Randstad Human Forward components

125 lines (113 loc) 3.17 kB
.contact-details__item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .contact-details__item + .contact-details__item { margin-top: 5px; } .contact-details__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 0; } .contact-details__link .icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px; top: 5px; } .contact-details__link .icon + span { display: initial; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .time-table__item { overflow-wrap: break-word; word-wrap: break-word; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .time-table__time { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2; } .time-table__day { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 116px; padding-right: 4px; } .meta-content { padding-bottom: 50px; padding-top: 30px; } .meta-content__title, .meta-content__section-title { font-family: Montserrat-SemiBold, arial, sans-serif; font-size: 26px; text-transform: none; line-height: 30px; } img + .meta-content__title, img + .meta-content__section-title { margin-top: 30px; } .meta-content .map__gmaps { margin-top: 10px; height: 200px; width: 100%; } @media (min-width: 941px) { .meta-content .map__gmaps { height: 200px; } } .meta-content__section-title { margin-bottom: 20px; } .meta-content__description, .meta-content .contact-details { margin-top: 20px; } .meta-content__description p:last-of-type { margin-bottom: 0; } .meta-content .divider:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; } .meta-content .divider:last-child { border-bottom: 0; } .meta-content .collapsible__link { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .meta-content .collapsible__trigger--expanded { cursor: default; pointer-events: none; } .meta-content .collapsible__trigger--expanded .collapsible__link { display: none; } @media (max-width: 940px) { .meta-content { margin-bottom: 50px; } .block .meta-content { margin-top: -50px; } } @media (min-width: 941px) { .meta-content { border-radius: 8px; margin: 0 auto; padding: 50px 50px; width: calc((18/58) * 100%); } } @media (min-width: 941px) and (max-width: 1280px) { .meta-content .time-table__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .meta-content .time-table__day { padding-right: 0; } .meta-content .time-table, .meta-content .time-table__item + .time-table__item { margin-top: 10px; } } .toggle-arrow.icon { color: #ff661a; } .collapsible__link { color: #ff661a; } /*# sourceMappingURL=meta-content.css.map */