/*
 * Theme name: Humidex
 * Author: Команда <a href="https://rits.ru" target="_blank">RITS</a>
 * Version: 0.0.1
 */

 @font-face {
  font-family: HelveticaNeue;
  font-display: swap;
  src: url("assets/fonts/HelveticaNeue-Bold.woff2") format("woff2"), url("../fonts/HelveticaNeue-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: HelveticaNeue;
  font-display: swap;
  src: url("assets/fonts/HelveticaNeue-Medium.woff2") format("woff2"), url("../fonts/HelveticaNeue-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: SofiaSansCondensed;
  font-display: swap;
  src: url("assets/fonts/SofiaSansCondensed-Bold.woff2") format("woff2"), url("../fonts/SofiaSansCondensed-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: HelveticaNeue;
  font-display: swap;
  src: url("assets/fonts/HelveticaNeue-Roman.woff2") format("woff2"), url("../fonts/HelveticaNeue-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --clr-neutral-white: hsl(0, 0%, 100%);
  --clr-neutral-black: hsl(0, 0%, 0%);
  --clr-neutral-100: hsl(0, 0%, 90%);
  --clr-neutral-200: hsl(0, 0%, 80%);
  --clr-neutral-300: hsl(0, 0%, 70%);
  --fs-heading-100: clamp(2rem, 1.7195rem + 0.7805vw, 2.5rem);
  --fs-heading-200: clamp(1.5rem, 1.2195rem + 0.7805vw, 2rem);
  --fs-heading-300: clamp(1.25rem, 1.1098rem + 0.3902vw, 1.5rem);
  --fs-heading-400: clamp(1.125rem, 1.0549rem + 0.1951vw, 1.25rem);
  --fs-heading-500: clamp(1rem, 0.9299rem + 0.1951vw, 1.125rem);
  --fs-heading-600: 1rem;
  --fs-heading-xl: clamp(2rem, 1.0183rem + 2.7317vw, 3.75rem);
  --fs-heading-l: clamp(2rem, 1.439rem + 1.561vw, 3rem);
  --ff-primary: HelveticaNeue, sans-serif;
  --ff-secondary: SofiaSansCondensed, sans-serif;
  --ff-body: var(--ff-primary);
  --ff-heading: var(--ff-primary);
  --clr-body: #3d3d3d;
  --clr-link: #629380;
  --clr-figcaption: #838383;
  --clr-heading: #6c6f74;
  --clr-blockquote: #666;
  --clr-del: #666;
  --clr-mark: #000;
  --bg-mark: #ff0;
  --clr-selection: #fff;
  --bg-selection: #000;
  --fs-small: 0.725rem;
  --fs-figcaption: 0.8125rem;
  --container-width: calc(100% - 2.5rem);
  /* Vertical rythme */
  --vr: 1.5em;
}

body {
  min-width: 320px;
  min-height: inherit;
  height: inherit;
  font-family: var(--ff-body);
  font-size: clamp(0.875rem, 0.8399rem + 0.0976vw, 0.9375rem);
  font-weight: 400;
  color: var(--clr-body);
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

 a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: var(--clr-link);
  text-decoration: none;
}

a:focus {
  outline: none;
}

a:active,
a:hover {
  outline-width: 0;
  text-decoration: none;
}

article {
  display: block;
}

.article ul,
.editor-styles-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.article ul li,
.editor-styles-wrapper ul li {
  position: relative;
  padding-left: 1em;
}
.article ul li::before,
.editor-styles-wrapper ul li::before {
  content: "";
  width: 0.375em;
  height: 0.375em;
  display: block;
  background-color: #888b8f;
  position: absolute;
  top: 0.46em;
  left: 0;
  transform: rotate(45deg);
}
.article ul li:not(:last-child),
.editor-styles-wrapper ul li:not(:last-child) {
  margin-bottom: 4px;
}

.introtext,
.is-style-introtext {
  color: #6c6f74;
  font-size: clamp(1rem, 0.8598rem + 0.3902vw, 1.25rem);
  font-style: normal;
  font-weight: 500;
}

.outrotext,
.is-style-outrotext {
  color: #C1C1C1;
  margin-top: 60px;
}

audio {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}

canvas {
  display: inline-block;
  vertical-align: baseline;
}

pre, code, kbd, samp {
  font-family: "Courier New", courier, monospace, serif;
  line-height: 1;
}

pre {
  margin-bottom: var(--vr);
  white-space: pre-wrap;
  word-wrap: break-word;
}

details {
  display: block;
}

summary {
  display: block;
}

figcaption {
  color: var(--clr-figcaption);
  display: block;
  font-size: var(--fs-figcaption);
  line-height: 1;
  margin-block: calc(var(--vr) / 2);
}

.wp-block-gallery figcaption,
.wp-block-gallery.has-nested-images {
    text-align: left !important;
}

figure {
  display: block;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: var(--clr-heading);
  text-wrap: balance;
}

h1 {
  font-size: var(--fs-heading-100);
  line-height: 1;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

h2 {
  font-size: var(--fs-heading-200);
  line-height: 1.2;
  margin-top: 2.1875em;
  margin-bottom: 1em;
}

h3 {
  font-size: var(--fs-heading-300);
  line-height: 1.2;
  margin-top: 2.9167em;
  margin-bottom: 1.25em;
}

h4 {
  font-size: var(--fs-heading-400);
  line-height: 1.2;
  margin-top: 3.5em;
  margin-bottom: 1.5em;
}

h5 {
  font-size: var(--fs-heading-500);
  line-height: 1.2;
  margin-top: 3.89em;
  margin-bottom: 1.67em;
}

h6 {
  font-size: var(--fs-heading-600);
  line-height: 1.2;
  margin-top: 4.375em;
  margin-bottom: 1.875em;
}

hr {
  box-sizing: content-box;
  height: 1px;
  overflow: visible;
  background-color: #EBEBEB;
  border: none;
  margin-block: 30px;
}

img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

li ul,
li ol {
  margin: 0 var(--vr);
}

ul, ol {
  padding: 0;
  margin: 0 var(--vr) var(--vr) var(--vr);
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

dl {
  margin: 0 0 var(--vr) 0;
}

dl dt {
  font-weight: bold;
}

dd {
  margin-inline-start: var(--vr);
}

li p,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}

nav {
  display: block;
}

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    font-size: 11pt;
    line-height: 1.3;
  }
  main a,
  main a:visited, article a,
  article a:visited {
    text-decoration: underline;
  }
  main a[href]:after, article a[href]:after {
    content: " (" attr(href) ")";
  }
  main abbr[title]:after, article abbr[title]:after {
    content: " (" attr(title) ")";
  }
  main, article {
    /*
      * Don't show links that are fragment identifiers,
      * or use the `javascript:` pseudo protocol
      */
  }
  main a[href^="#"]:after,
  main a[href^="javascript:"]:after, article a[href^="#"]:after,
  article a[href^="javascript:"]:after {
    content: "";
  }
  main pre,
  main blockquote, article pre,
  article blockquote {
    page-break-inside: avoid;
  }
  main, article {
    /*
      * Printing Tables:
      * http://css-discuss.incutio.com/wiki/Printing_Tables
      */
  }
  main thead, article thead {
    display: table-header-group;
  }
  main tr,
  main img, article tr,
  article img {
    page-break-inside: avoid;
  }
  main p,
  main h2,
  main h3, article p,
  article h2,
  article h3 {
    orphans: 3;
    widows: 3;
  }
  main h2,
  main h3, article h2,
  article h3 {
    page-break-after: avoid;
  }
}
progress {
  display: inline-block;
  vertical-align: baseline;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

blockquote {
  margin: var(--vr);
  color: var(--clr-blockquote);
  font-style: italic;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: var(--vr);
  width: 100%;
}

table,
td,
th {
  vertical-align: middle;
}

thead th {
  color: #9d9d9d;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

thead td {
  font-weight: 500;
}

td,
th {
  border-bottom: 1px solid #ebebeb;
  padding-block: 1.2em;
  text-align: left;
}

caption {
  text-align: left;
  color: #838383;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

th {
  font-weight: 700;
}

tr.even td {
  background: hsla(0, 0%, 0%, 0.05);
}

tfoot {
  font-style: italic;
}

caption {
  font-size: var(--fs-small);
  text-transform: uppercase;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
}

[hidden],
template {
  display: none;
}

small {
  font-size: var(--fs-small);
}

p {
  margin-bottom: var(--vr);
}

b, strong {
  font-weight: bold;
}

em, dfn, i {
  font-style: italic;
}

dfn {
  font-weight: bold;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

abbr {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

address {
  margin-bottom: var(--vr);
  font-style: italic;
}

del {
  color: var(--clr-del);
  text-decoration: line-through;
}

mark {
  background: var(--bg-mark);
  color: var(--clr-mark);
}

s {
  text-decoration: line-through;
}

u {
  text-decoration: underline;
}

ins {
  text-decoration: underline;
}

::selection {
  background: var(--bg-selection);
  color: var(--clr-selection);
  text-shadow: none;
}

video {
  display: inline-block;
  vertical-align: baseline;
}

time {
  color: #9f9f9f;
  font-size: clamp(0.8125rem, 0.7424rem + 0.1951vw, 0.9375rem);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}