/*breakpoints*/
.offcanvas-backdrop, .modal-backdrop.show {
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99;
}
.canvas {
  height: 100vh !important;
  width: 100vw !important;
  z-index: 99999;
  background-color: #174386;
  border-left: 0 !important;
}
.canvas.offcanvas-top {
  left: 20px;
  top: 20px;
}
@media screen and (max-width: 767.98px) {
  .canvas.offcanvas-top {
    left: 10px;
    top: 10px;
  }
}
.canvas .offcanvas-body {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .canvas .offcanvas-body {
    overflow-y: auto;
  }
}
.canvas .btn-close {
  position: absolute;
  right: 20px;
  top: 40px;
  z-index: 9999;
  background: none;
  cursor: pointer;
  opacity: 1;
}
@media screen and (max-width: 767.98px) {
  .canvas .btn-close {
    right: 20px;
    top: 48px;
    font-size: 20px;
  }
}
.canvas .btn-close * {
  color: #FFF;
  font-size: 35px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkramer%2Fscss%2Fobjects%2F_canvas.scss%22%2C%22%2Fthemes%2Fkramer%2Fscss%2Fobjects%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BACNE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADeF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACfE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACxBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADsCA%3BAAAA%3BAAAA%3BAAAA%22%7D */