/*---------------------------------
-----  dimension variables --------
----------------------------------*/
/*------  standard elements padding & margin  -------*/
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
/**
**  Official Font sizes
------------------------------- */
/**
* mobile first breakpoints based on design specification 
* designs are delivered in 3 sizes mobile(375px -> default), tablet(768px -> tablet), desktop(1440px -> desktop-l)
*/
.ux-iws-social-media-wall {
  display: block;
  position: relative;
  min-height: 520px;
  margin: 0 -15px;
}
.ux-iws-social-media-wall__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.5;
  color: #131313;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.ux-iws-social-media-wall__placeholder .ux-icon {
  font-size: 70px;
  fill: #393939;
  margin-bottom: 5px;
}
.ux-iws-social-media-wall__placeholder--hidden {
  opacity: 0;
  pointer-events: none;
}
.ux-iws-social-media-wall__content {
  display: block;
  max-width: 100%;
}
.ux-iws-social-media-wall__cta-wrapper {
  text-align: center;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ux-iws-social-media-wall__loading {
  margin-top: -30px;
}
.ux-iws-social-media-wall__loading .ux-spinner {
  left: 5.5%;
}