/*
Theme Name: Kompas Psykoterapi
Theme URI: https://kompasterapi.dk/
Author: Kim Dyrby
Description: Skræddersyet WordPress-tema til Kompas Psykoterapi ved Aslan Tuncay MPF.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: kompas-psykoterapi
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
  font-family: "InterLocal";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/inter-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "InterLocal";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/inter-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "InterLocal";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/inter-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "InterLocal";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/inter-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "LoraLocal";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/lora-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "LoraLocal";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/lora-latin-600-normal.woff2") format("woff2");
}

:root {
  --font-inter: "InterLocal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lora: "LoraLocal", Georgia, serif;
}

.screen-reader-text,
.skip-link:not(:focus) {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.skip-link:focus {
  background: #fff;
  color: #29383d;
  font-weight: 700;
  left: 1rem;
  padding: 0.75rem 1rem;
  position: fixed;
  top: 1rem;
  z-index: 99999;
}

:focus-visible {
  outline: 3px solid #a86443;
  outline-offset: 3px;
}

.admin-bar .site-header {
  top: 32px;
}

.wp-content > * + * {
  margin-top: 1rem;
}

.wp-content ul,
.wp-content ol {
  margin-left: 1.25rem;
}

.wp-content ul {
  list-style: disc;
}

.wp-content ol {
  list-style: decimal;
}

.wp-content a {
  color: #8f5337;
  text-decoration: underline;
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}