:root {
--inkraft-transition: 180ms ease;
}
html {
scroll-behavior: smooth;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.skip-link,
.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;
}
.skip-link:focus,
.screen-reader-text:focus {
background: var(--wp--preset--color--base);
border: 2px solid var(--wp--preset--color--contrast);
clip: auto !important;
clip-path: none;
color: var(--wp--preset--color--contrast);
display: block;
font-size: 1rem;
font-weight: 700;
height: auto;
left: 1rem;
line-height: normal;
padding: 0.75rem 1rem;
top: 1rem;
width: auto;
z-index: 100000;
}
:where(a) {
text-underline-offset: 0.18em;
text-decoration-thickness: 0.08em;
}
:where(a:hover) {
text-decoration-thickness: 0.12em;
}
:where(a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible) {
outline: 3px solid currentColor;
outline-offset: 3px;
}
.wp-site-blocks {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.wp-site-blocks > footer {
margin-block-start: auto;
}
.inkraft-card {
transition: transform var(--inkraft-transition), box-shadow var(--inkraft-transition), border-color var(--inkraft-transition);
}
.inkraft-card:hover {
transform: translateY(-2px);
}
.inkraft-post-list .wp-block-post {
border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
padding-top: var(--wp--preset--spacing--50);
padding-bottom: var(--wp--preset--spacing--50);
}
.inkraft-post-list .wp-block-post:last-child {
border-bottom: 0;
}
.sticky .wp-block-post-title::before,
.wp-block-post.sticky .wp-block-post-title::before {
content: "★";
font-size: 0.65em;
margin-inline-end: 0.45em;
vertical-align: middle;
}
.comment-reply-title,
.wp-block-comments-title {
margin-block-start: var(--wp--preset--spacing--70);
}
@media (max-width: 781px) {
.inkraft-sidebar-layout {
gap: var(--wp--preset--spacing--60) !important;
}
.inkraft-sidebar-layout > .wp-block-column {
flex-basis: 100% !important;
}
} @media (min-width: 783px) {
.hide-on-desktop {
display: none !important;
}
} @media (max-width: 782px) {
.hide-on-mobile {
display: none !important;
}
}