/**
 * #.# Styles
 *
 * CSS for FrontEnd + BackEnd.
 */

 .k2-pb-parent-container{
    display: flex;
    flex-wrap: wrap;
    margin: 2em 0.5em;
  }
  .k2-pb-sub-parent-container {
  
  }
  .k2-pb-outside-container {
    display: inline-flex;
    width: 100%;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.2),
    inset 0 -2px 1px rgba(0, 0, 0, 0.2);
  }
  .k2-pb-inside-container {
    display: block;
    background-color: green;
    position: relative;
    overflow: hidden;
    background-size: 100%;
    box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.2),
    inset 0 -2px 1px rgba(0, 0, 0, 0.2);
  }
  
  .k2-pb-inside-container span{
  
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 50%, white 50%, white 75%, transparent 75%, transparent);
    background-size: 30px 30px;
    animation: k2-pb-candy-effect 0.5s infinite linear;
  }
  
  
  @keyframes k2-pb-candy-effect {
    from {
      background-position: 0 100%;
    }
    to {
      background-position: 30px 100%;
    }
  }