﻿/* R9: native module content stays inside its own DNN container. */
.oc-native-pane .DNNContainer_noTitle,
.oc-native-pane .DNNModuleContent,
.oc-native-pane .Normal { font-size: inherit; line-height: inherit; color: inherit; }
.oc-native-pane .oc-clients__item { margin: 0; }
.oc-native-pane .oc-clients__slider { direction: ltr; }
.oc-native-pane .oc-clients__controls button:disabled { opacity: .45; cursor: default; }
/* Limit the desktop viewport to six logos; extra editable entries rotate into view. */
.oc-native-pane .oc-clients__slider { display: flex; overflow: hidden; }
.oc-native-pane .oc-clients__item { flex: 0 0 calc((100% - 140px) / 6); }
@media (max-width: 991px) {
  .oc-native-pane .oc-clients__item { flex-basis: calc((100% - 56px) / 3); }
}
@media (max-width: 767px) {
  .oc-native-pane .oc-clients__item { flex-basis: calc((100% - 28px) / 2); }
}
@media (max-width: 479px) {
  .oc-native-pane .oc-clients__item { flex-basis: 100%; }
}
body.dnnEditState .oc-native-pane,
body.dnnEditState .oc-native-pane > .DnnModule,
body.dnnEditState .oc-native-pane .DNNContainer_noTitle {
  overflow: visible;
}
body.dnnEditState .oc-native-pane > .DnnModule { position: relative; min-height: 70px; }
body.dnnEditState .oc-native-pane .dnnModuleActions { z-index: 100; }
@media (prefers-reduced-motion: reduce) {
  .oc-native-pane .oc-clients__slider,
  .oc-native-pane .oc-clients__item img { transition: none; }
}
