@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
76 lines (70 loc) • 2.25 kB
CSS
@media (max-width: 940px) {
.secondary-search .banner__media img {
-o-object-fit: unset;
object-fit: unset; }
.secondary-search .form-groups--row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.secondary-search .form-groups--row button {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
width: 100%; }
.secondary-search .form-groups--row .content-block__form.form-group__input {
margin-bottom: 10px;
margin-top: 20px;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; } }
@media (min-width: 941px) {
.secondary-search .banner__wrapper {
position: relative; }
.secondary-search .banner__media {
height: 100%;
position: absolute;
right: 100px;
width: calc((18/58) * 100%); }
.secondary-search .banner__content {
width: calc((48/58) * 100%); }
.secondary-search .form-groups--row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.secondary-search .form-groups--row button {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.secondary-search .form-groups--row .form-group__input {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
width: 100%; } }
@media (min-width: 1281px) {
.secondary-search .banner__wrapper {
position: static; }
.secondary-search .banner__media {
height: auto;
position: static;
width: calc((18/58) * 100%); }
.secondary-search .banner__content {
width: calc((43/58) * 100%); } }
@media (min-width: 941px) {
.secondary-search--l .banner__content {
width: calc((48/58) * 100%); }
.secondary-search--l .banner__media {
display: none; } }
.secondary-search.bg-brand--gradient-orange .selection-control input:checked + .selection-control__control {
background: #2e2e2e;
border-color: #2e2e2e; }
/*# sourceMappingURL=secondary-search.css.map */