// Layout Builder Default
@import "../../../../libraries/jollyany/framework/scss/jollyany/layout-builder";
.top-bar {
  overflow-x: hidden;
  .container {
    position: relative;
    &:before, &:after {
      content: "";
      width: 100%;
      height: 30px;
      position: absolute;
      top: 19px;
    }
    &:before {
      right: 100%;
      -moz-transform: skew(45deg, 0);
      -webkit-transform: skew(45deg, 0);
      -o-transform: skew(45deg, 0);
      -ms-transform: skew(45deg, 0);
      transform: skew(45deg, 0);
    }
    &:after {
      left: 100%;
      -moz-transform: skew(-45deg, 0);
      -webkit-transform: skew(-45deg, 0);
      -o-transform: skew(-45deg, 0);
      -ms-transform: skew(-45deg, 0);
      transform: skew(-45deg, 0);
    }
  }
}
.astroid-footer-section {
  overflow-x: hidden;
  .container {
    position: relative;
    &:before, &:after {
      content: "";
      width: 100%;
      height: 30px;
      position: absolute;
      top: 0;
    }
    &:before {
      right: 100%;
      -moz-transform: skew(-45deg, 0);
      -webkit-transform: skew(-45deg, 0);
      -o-transform: skew(-45deg, 0);
      -ms-transform: skew(-45deg, 0);
      transform: skew(-45deg, 0);
    }
    &:after {
      left: 100%;
      -moz-transform: skew(45deg, 0);
      -webkit-transform: skew(45deg, 0);
      -o-transform: skew(45deg, 0);
      -ms-transform: skew(45deg, 0);
      transform: skew(45deg, 0);
    }
  }
}