/* Структурные стили canvas-блоков (wj-canvas-block): позиционирование canvas и элементов.
   Геометрия конкретных элементов задаётся инлайновыми стилями страницы. */

.wj-canvas-block {
  position: relative;
  width: 100%;
}

.wj-canvas {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}
.wj-canvas[data-wj-canvas-overflow="visible"] {
  overflow: visible;
}
/* режим scale="window": canvas имеет ширину брейкпоинта и масштабируется zoom'ом */
.wj-canvas--scaled {
  transform-origin: left top;
}

.wj-canvas[data-wj-canvas-position="fixed"] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
}

.wj-canvas__background,
.wj-canvas__filter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  pointer-events: none;
}

.wj-element {
  position: absolute;
  display: table;
  box-sizing: border-box;
}

.wj-element-content {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: inherit;
  background-size: cover;
  background-repeat: no-repeat;
}

.wj-positioned-element a {
  text-decoration: none;
  color: inherit;
}

.wj-canvas-block a.wj-element-content,
.wj-canvas-block .wj-element-content[href] {
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.wj-element-image {
  display: block;
  width: 100%;
}

.wj-button-text {
  display: block;
  width: 100%;
}

/* видео/встраиваемые элементы */
.wj-element-video,
.wj-element-content iframe {
  width: 100%;
  height: 100%;
  border: 0;
}