/* Typography
--------------------------------------------- */
/**
 * Aspekta Variable
 * @version 2.000
 *
 * @link https://github.com/ivodolenc/aspekta
 *
 * @author Ivo Dolenc (c) 2022
 * @license Open Font License (OFL) v1.1
 *
 * Font Family: Aspekta Variable
 * Font Styles: 100-900 Normal
 */

@font-face {
  font-family: "Aspekta Variable";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Aspekta/variable/AspektaVF.woff2") format("woff2");
}

body,
button,
input,
select,
optgroup,
textarea {
  color: var(--light);
  font-family: var(--txt-font);
  font-size: var(--txt-size);
  line-height: 1.5;
	letter-spacing: 1px;
  text-rendering: optimizeSpeed;
  /*text-rendering: geometricPrecision;*/
  /*font-feature-settings: "kern";*/
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

* {
  word-wrap: normal !important;
  word-break: normal !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: var(--hdl-font);
  font-weight: var(--hdl-weight);
  margin: 0;
  padding-bottom: 0.5em;
  line-height: 1.1;
}

.home h1 {
	padding-bottom: 0;
}

h1 {
  font-size: var(--h1);
  margin-bottom: 0;
}

.page h1, .horizontal h1, .horizontal h2 {
	text-transform: uppercase;
}

h2 {
  font-size: var(--h2);
}
h3 {
  font-size: var(--h3);
}
h4 {
  font-size: var(--h4);
}
h5 {
  font-size: var(--h5);
}
h6 {
  font-size: var(--txt-size);
}

h2,
h3,
h4,
h5 {
  padding-top: 1.5em;
}

.entry-header {
  /*margin-bottom: 6em;*/
}

p {
  margin-bottom: 1em;
}

dfn,
cite,
em,
i {
  font-style: italic;
  /*font-family: Georgia, Garamond, Times, serif;
  font-size: 102%;*/
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

/*pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}*/

pre {
  font-family: "Aspekta Variable", sans-serif;
  margin-bottom: 1em;
  max-width: 100%;
  overflow: auto;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

::-moz-selection {
  background-color: var(--light);
  color: var(--dark);
}
::selection {
  background-color: var(--light);
  color: var(--dark);
}

.light-dark:nth-child(odd) *::selection,
.light *::selection{
	background-color: var(--dark);
	color: var(--light);
}
/*:root::selection     { background: blue; }
p.warning::selection { background:  red; }*/

ol li::marker {
	margin-right: 1em;
}

sup {
  top: -.8em;
}
sub, sup {
  font-size: 12px;
  line-height: 0;
  position: relative;
}

/* Links
--------------------------------------------- */
a {
  color: var(--link-color);
  transition: var(--transition);
  text-underline-offset: 4px;
  text-decoration-color: var(--op-light);
	outline: none!important;
}

a:visited {
  /*color: var(--link-color);*/
}

a:hover,
a:focus,
a:active {
  color: var(--link-color);
}

a:focus {
  /*outline: thin dotted;*/
}

a:hover,
a:active {
  outline: 0;
}

a.active {
  /*color: lime;*/
}

/* Elements
-----------------------------------------------*/

hr {
  /*background-color: #ccc;*/
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

hr.wp-block-separator {
  border-top: 1px solid var(--light);
}

ul, ol {
  margin: 0 0 1.5em 1em;
  padding-left: 1.4em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

.site-main li {
  margin-bottom: 1em;
  line-height: 1.1;
	/*margin-left: 1em;*/
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}