/* ==========================================================================
   Spacious Child Classic
   Base styles
   ========================================================================== */

/* --------------------------------------------------------------------------
 * Document
 * -------------------------------------------------------------------------- */

html {
  font-size: 100%;
  overscroll-behavior: contain;
  transform-origin: top center;
}

body {
  font-family: var(--scc-font-main) !important;
  font-size: var(--scc-font-size-base);
  font-weight: var(--scc-font-weight-normal);
  line-height: var(--scc-line-height-base);
  color: var(--scc-color-dark);
  background-color: inherit;
  padding-top: 0;
}

/* --------------------------------------------------------------------------
 * Typography
 * -------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--scc-font-main) !important;
  font-weight: var(--scc-font-weight-bold);
}

h1 {
  font-size: var(--scc-font-size-xxl);
  line-height: var(--scc-line-height-xl);
}

h2 {
  font-size: var(--scc-font-size-xl);
  line-height: var(--scc-line-height-lg);
}

h3 {
  font-size: var(--scc-font-size-lg);
  line-height: var(--scc-line-height-base);
}

h4 {
  font-size: var(--scc-font-size-md);
  line-height: var(--scc-line-height-sm);
}

h5 {
  font-size: var(--scc-font-size-base);
  line-height: var(--scc-line-height-xs);
}

h6 {
  font-size: var(--scc-font-size-sm);
  line-height: var(--scc-line-height-xs);
}

p,
li {
  font-family: var(--scc-font-main) !important;
  font-size: var(--scc-font-size-base);
  font-weight: var(--scc-font-weight-normal);
  line-height: var(--scc-line-height-base);
}

small {
  font-size: var(--scc-font-size-sm);
}

strong,
b {
  font-weight: var(--scc-font-weight-bold);
}

/* --------------------------------------------------------------------------
 * Links
 * -------------------------------------------------------------------------- */

a:focus {
  outline: 0;
}

a,
button,
input,
select,
textarea,
summary,
[role='button'],
[tabindex] {
  transition:
    color var(--scc-transition-base),
    background-color var(--scc-transition-base),
    border-color var(--scc-transition-base),
    box-shadow var(--scc-transition-base);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role='button']:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--scc-color-primary-dark);
  outline-offset: 3px;
  border-radius: 4px;
}

/* --------------------------------------------------------------------------
 * Media
 * -------------------------------------------------------------------------- */

/* img,
svg {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

.wp-block-image figcaption {
  font-size: var(--scc-font-size-base);
} */

/* --------------------------------------------------------------------------
 * Forms: basic normalization
 * -------------------------------------------------------------------------- */

/* button,
input,
select,
textarea {
  font-family: var(--scc-font-main) !important;
  font-weight: var(--scc-font-weight-normal);
  line-height: var(--scc-line-height-base);
}

input[type='submit'],
input[type='submit']:hover,
button,
button:hover {
  transition: var(--scc-transition-base);
}

select.form-control:not([size]):not([multiple]) {
  height: auto !important;
}

input[type='text'] {
  margin: unset !important;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  appearance: textfield;
  -moz-appearance: textfield;
}

textarea::placeholder {
  font-size: var(--scc-font-size-sm);
  font-weight: var(--scc-font-weight-light);
  color: var(--scc-color-placeholder);
  opacity: 1;
} */

/* --------------------------------------------------------------------------
 * Utility
 * -------------------------------------------------------------------------- */

/* .scc-hidden {
  display: none;
}

.lowhide {
  display: none;
}

body.lowvision .lowhide {
  display: inline-block;
} */

/* --------------------------------------------------------------------------
 * Print
 * -------------------------------------------------------------------------- */

/* @media print {
  @page {
    size: A4;
  }

  body::before,
  body::after {
    content: var(--info-site-name);
    display: block;
    padding-top: 20px;
  }

  :lang(uk) {
    --info-site-name: 'Інформація з Національного репозитарію академічних текстів';
  }

  :lang(en) {
    --info-site-name: 'Information from the National Repository of Academic Texts';
  }

  footer,
  .addtoany_content,
  .print-b {
    display: none !important;
  }
} */