vc-layout[theme="claro"] {
  /*
    Items wrapping
   */
  /*
    Items horizontal alignment and spacing
   */
  /*
   **This should be on item css file
   Items vertical align
   */
}
vc-layout[theme="claro"] .vc-layout-columnContainer {
  display: flex;
  flex-direction: column;
}
vc-layout[theme="claro"] .vc-layout-rowContainer {
  display: flex;
  flex-direction: row;
}
vc-layout[theme="claro"] .vc-layout-wrap {
  flex-wrap: wrap;
}
vc-layout[theme="claro"] .vc-layout-wrapReverse {
  flex-wrap: wrap-reverse;
}
vc-layout[theme="claro"] .vc-layout-nowrap {
  flex-wrap: nowrap;
}
vc-layout[theme="claro"] .vc-layout-justifiedSstart {
  align-items: start;
}
vc-layout[theme="claro"] .vc-layout-justifiedEnd {
  align-items: end;
}
vc-layout[theme="claro"] .vc-layout-justifiedCenter {
  align-items: center;
}
vc-layout[theme="claro"] .vc-layout-alignStart {
  align-self: flex-start;
}
vc-layout[theme="claro"] .vc-layout-alignEnd {
  align-self: flex-end;
}
vc-layout[theme="claro"] .vc-layout-alignCenter {
  align-self: center;
}
vc-layout[theme="claro"] .vc-layout-alignStretch {
  align-self: stretch;
}