/*!
 * Till Freiwald Theme
 *
 * Copyright (c) 2025 by Zeichensalz
 * http://zeichensalz.de
 *
 * MIT license
 
*/

/* manrope-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/manrope-v15-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/manrope-v15-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/manrope-v15-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/manrope-v15-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/manrope-v15-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/manrope-v15-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/manrope-v15-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
  font: 300 16px/1.6 var(--font-family);
}

H1 {
    font-family: "Manrope", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
}

H2 {
    font-weight: 300;
}

.uk-navbar-brand {
    font-family: "Manrope", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.uk-nav-side {
    font-family: "Manrope", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

.uk-nav-side>li>a {
    font-weight: 300;
}

.uk-nav-side:first-child A:first-child {
    font-size: 135%;
    text-transform: uppercase;
    border-bottom: 0 none;
}

.pswp__dynamic-caption {
    font-family: "Manrope", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

.hero {
    padding-top: 1rem;
}

.am-gallery-masonry-item {
    overflow: hidden;
}

.am-gallery-masonry-item A.am-gallery-img-small img {
  transition: transform .5s ease;
}

.am-gallery-masonry-item A.am-gallery-img-small:hover img {
  transform: scale(0.96);
}

.uk-navbar-nav>li>a {
  font-weight: 300;
}

.content b, .content strong {
    font-weight: 500;
}

:root {
    --font-family: 'Inter',sans-serif;
    --heading-font-family: var(--font-family);
    --h1-font-size: 2.85rem;
    --h1-line-height: 1.25;
    --h1-font-weight: 680;
    --h2-font-size: 1.95rem;
    --h2-line-height: 1.35;
    --h2-font-weight: 620;
    --h3-font-size: 1.65rem;
    --h3-line-height: 1.375;
    --h3-font-weight: 620;
    --h4-font-size: 1.4rem;
    --h4-line-height: 1.4;
    --h4-font-weight: 580;
    --h5-font-size: 1.25rem;
    --h5-line-height: 1.425;
    --h5-font-weight: 580;
    --h6-font-size: 1.15rem;
    --h6-line-height: 1.475;
    --h6-font-weight: 580;
    --border-width: 2px;
    --cards-gap: 2rem;
    --cards-radius: 1rem;
    --button-radius: 0.4rem;
    --color-page-text: #cac7ab; /* #000000 */
    --color-page-bg: #706848;
    --color-page-border: #f0f0f0;
    --color-navbar-text: #cac7ab; /* #181818 */
    --color-navbar-bg: #706848;
    --color-navbar-border: #f0f0f0;
    --color-code-bg: #f8f8f8;
    --color-card-text: #181818;
    --color-card-bg: #f8f8f8;
    --color-card-border: #f8f8f8;
    --am-block-max-width: 50rem;
    --am-container-padding: 1.75rem;
    --am-gallery-background: var(--color-page-bg);
    --am-gallery-controls-color: var(--color-page-text);
    --am-gallery-controls-background: var(--color-page-bg);
    --am-slider-controls-color: var(--am-gallery-controls-color);
    --am-slider-controls-background: var(--am-gallery-controls-background);
    --am-input-placeholder-color: var(--color-page-text);
    --am-input-border: 2px solid var(--color-page-border);
    --am-input-focus-border: 2px solid var(--color-page-text);
    --am-button-border-color: var(--color-page-text);
    --am-button-hover-border-color: var(--color-page-text);
}