@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/logos.css

multitheme Front-end code based on Randstad Human Forward components

.logos__wrapper {
  padding-bottom: 50px; }

.logos__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc( ((10px * 1.5) + 0.8%) * -1); }

.logos__item {
  margin: 15px 0;
  width: calc((13/28) * 100%); }
  .logos__item img {
    -webkit-transition: opacity ease, 0.2s ease;
    transition: opacity ease, 0.2s ease;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    height: auto;
    left: 50%;
    max-height: 100%;
    opacity: 0.5;
    padding: 7.5% 15%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto; }
  .logos__item a:hover img {
    opacity: 1; }

@media (min-width: 941px) {
  .logos__wrapper {
    padding-bottom: 110px; }
  .logos__list {
    margin-top: calc( ((10px * 3) + 0.95%) * -1); }
  .logos__item {
    margin: 25px 0;
    width: calc((13/43) * 100%); }
  .logos__list--double {
    margin-top: calc( ((10px * 4.25) + 0.95%) * -1);
    width: calc((38/43) * 100%); }
    .logos__list--double .logos__item {
      width: calc((18/38) * 100%); } }

/*# sourceMappingURL=logos.css.map */