@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
125 lines (113 loc) • 3.17 kB
CSS
.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 */