/* Базовые стили сайта: сброс, служебные классы записей. */

:root {
  --wj-text-font: 'Amatic-Unbounded', Arial, sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #292929;
  overflow-x: hidden;
}

#wj-records {
  overflow: hidden;
}

#wj-records {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.wj-records img {
  -webkit-user-select: none;
  user-select: none;
}

.wj-record {
  position: relative;
}

/* якорные записи */
.wj-record a[name] {
  display: block;
  font-size: 0;
}

/* ---- утилиты отступов записей (значения из классов на странице) ---- */
.wj-record-pt-0 { padding-top: 0; }
.wj-record-pt-45 { padding-top: 45px; }
.wj-record-pt-60 { padding-top: 60px; }
.wj-record-pb-0 { padding-bottom: 0; }
.wj-record-pb-30 { padding-bottom: 30px; }
.wj-record-pb-45 { padding-bottom: 45px; }
.wj-record-pb-60 { padding-bottom: 60px; }
.wj-record-pb-90 { padding-bottom: 90px; }
@media screen and (max-width: 480px) {
  .wj-record-pt-res-480-30 { padding-top: 30px; }
  .wj-record-pt-res-480-45 { padding-top: 45px; }
  .wj-record-pb-res-480-45 { padding-bottom: 45px; }
  .wj-record-pb-res-480-60 { padding-bottom: 60px; }
}

/* ---- сетка текстовых блоков (страница политики, попапы) ---- */
.wj-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.wj-column {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.wj-column-12 { width: 100%; }

/* ---- типографика ---- */
.wj-text {
  font-family: var(--wj-text-font, Arial), Arial, sans-serif;
  font-weight: 300;
  color: #fff;
}
.wj-text-xs { font-size: 14px; line-height: 1.55; }
.wj-text-md { font-size: 18px; line-height: 1.55; }
.wj-text b, .wj-text strong { font-weight: 700; }
.wj-text p { margin: 0; }

/* текстовый блок wj-policy-text */
.wj-policy-text { padding-top: 8px; }

.wj-description,
.wj-heading,
.wj-title,
.wj-name,
.wj-overline {
  font-family: var(--wj-text-font, Arial), Arial, sans-serif;
}

/* ---- ограничения видимости по ширине экрана ---- */
@media screen and (min-width: 1201px) {
  .wj-max-1200 { display: none !important; }
}