/*
Theme Name: Vecloud
Description: Independent, lightweight canvas for HTML modules.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vecloud
*/
@font-face {
  font-family: "Aspekta";
  src: url("./font/Aspekta.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.vecl_site {
  --vecl_font: "Aspekta", Arial, sans-serif;
  --vecl_text: #111;
  --vecl_muted: #767676;
  --vecl_gutter: clamp(24px, 4vw, 64px);
  --vecl_section_space: clamp(64px, 8vw, 112px);
  margin: 0;
  background: #fff;
  color: var(--vecl_text);
  font: 400 var(--vecl_body)/1.6 var(--vecl_font);
}
.vecl_main, .vecl_main *, .vecl_main *::before, .vecl_main *::after { box-sizing: border-box; }
.vecl_main :where(h1,h2,h3,h4,h5,h6) { margin: 0; font-family: inherit; font-weight: 400; text-wrap: balance; overflow-wrap: break-word; }
.vecl_main :where(p) { margin: 0; overflow-wrap: break-word; }
.vecl_main :where(p + p) { margin-block-start: 1em; }
.vecl_main :where(button,input,select,textarea) { font: inherit; }
.vecl_main :where(img,video) { display: block; max-width: 100%; height: auto; }
.vecl_main :where(a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible) { outline: 2px solid currentColor; outline-offset: 4px; }
.vecl_skip { position: fixed; top: 12px; left: 24px; transform: translateY(-200%); z-index: 100000; padding: 12px 20px; background: #111; color: #fff; }
.vecl_skip:focus { transform: none; }
.vecl_archive { max-width: 1200px; margin-inline: auto; padding: var(--vecl_section_space) var(--vecl_gutter); }
.vecl_post + .vecl_post { margin-block-start: 48px; }