/*##########################################################################
 *###  ONLY COMMON STATIC animations CSS - ALL CHANNELS, ALL REFERRERS  ####
 *####################################################################### */

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fadeIn {
    animation-name: fadeIn;
    animation-duration: 0.5s;
}

@keyframes allImagesFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*
@-webkit-keyframes allImagesFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
*/
/* [#11334] only for non-iOS devices */
.socDateRouter img {
    animation-name: allImagesFadeIn;
    animation-duration: 0.3s;
}

/* ActivityIndicator loop */
@keyframes activityIndicatorLoop {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
img.activityIndicator {
    animation-name: activityIndicatorLoop;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.hoverOpacity {
  opacity: 0.5;
  transition: opacity 0.4s;
}
.hoverOpacity.o25 {
  opacity: 0.25;
}
.hoverOpacity:hover { opacity: 1; }

.hoverFgWhiteLink {
  color: rgba(255,255,255,0.85);
}
.hoverFgWhiteLink:hover {
  color: rgba(255,255,255,1);
}

/* MENU animation */
.fade {
  transition: opacity .15s ease-in-out;
}
.fade.slow {
  transition: opacity 1.5s ease-in-out;
}
.fade.on {
  opacity: 1;
}
.fade.mid {
  opacity: 0.5;
}
.fade.off {
  opacity: 0;
}
.flex1 {
  flex: 1;
}