/**
 * Custom CSS
 *
 * This file is for your custom styles.
 * You can add any CSS rules here to customize the Ghost theme.
 *
 * Note: Changes made directly to this file may be overwritten during theme updates.
 * It's recommended to use the Code Injection feature in Ghost for persistent customizations.
 */

/* Your custom CSS goes below this line */
@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    src: url('fonts/atkinson-next/AtkinsonHyperlegibleNext-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/atkinson-next/AtkinsonHyperlegibleNext-ExtraLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    src: url('fonts/atkinson-next/AtkinsonHyperlegibleNext-Bold.woff2') format('woff2'),
        url('fonts/atkinson-next/AtkinsonHyperlegibleNext-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    src: url('fonts/atkinson-next/AtkinsonHyperlegibleNext-BoldItalic.woff2') format('woff2'),
        url('fonts/atkinson-next/AtkinsonHyperlegibleNext-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    src: url('fonts/atkinson-next/AtkinsonHyperlegibleNext-Light.woff2') format('woff2'),
        url('fonts/atkinson-next/AtkinsonHyperlegibleNext-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    src: url('fonts/atkinson-next/AtkinsonHyperlegibleNext-RegularItalic.woff2') format('woff2'),
        url('fonts/atkinson-next/AtkinsonHyperlegibleNext-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Atkinson Hyperlegible Next';
    src: url('fonts/atkinson-next/AtkinsonHyperlegibleNext-Regular.woff2') format('woff2'),
        url('fonts/atkinson-next/AtkinsonHyperlegibleNext-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BB";
    src: url("fonts/bebas/bebasneuepro-bold-webfont.woff2") format("woff2"),
      url("fonts/bebas/bebasneuepro-bold-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: "BB Expanded";
    src: url("fonts/bebas/bebasneuepro-expbd-webfont.woff2") format("woff2"),
      url("fonts/bebas/bebasneuepro-expbd-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: "BB Expanded";
    src: url("fonts/bebas/bebasneuepro-expbdit-webfont.woff2") format("woff2"),
      url("fonts/bebas/bebasneuepro-expbdit-webfont.woff") format("woff");
    font-weight: bold;
    font-style: italic;
  }
  
  @font-face {
    font-family: "BB Expanded";
    src: url("fonts/bebas/bebasneuepro-expit-webfont.woff2") format("woff2"),
      url("fonts/bebas/bebasneuepro-expit-webfont.woff") format("woff");
    font-weight: normal;
    font-style: italic;
  }
  
  @font-face {
    font-family: "BB Expanded";
    src: url("fonts/bebas/bebasneuepro-exprg-webfont.woff2") format("woff2"),
      url("fonts/bebas/bebasneuepro-exprg-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
      font-family: 'BB Expanded';
      src: url('fonts/bebas/bebasneuepro-expeb-webfont.woff2') format('woff2'),
           url('fonts/bebas/bebasneuepro-expeb-webfont.woff') format('woff');
      font-weight: 900;
      font-style: normal;
  
  }
  
  @font-face {
      font-family: 'BB Expanded';
      src: url('fonts/bebas/bebasneuepro-expebit-webfont.woff2') format('woff2'),
           url('fonts/bebas/bebasneuepro-expebit-webfont.woff') format('woff');
      font-weight: 900;
      font-style: italic;
  
  }

:root {
    --font-family-body: "Atkinson Hyperlegible Next", sans-serif;
    --font-family-headings: "BB Expanded", sans-serif;
    --font-family-button: "Atkinson Hyperlegible Next", sans-serif;
}

body {
    font-size: 18px;
}

.logo {
    font-family: var(--font-family-headings);
    font-size: 36px;
}

.card-title {
    font-size: 1.1rem;
    font-weight: var(--font-weight-bold);
}

h1 {
    font-size: 2em;
}

blockquote {
    font-variation-settings: "wght" var(--font-weight-regular);
    font-weight: var(--font-weight-regular);
    background: color-mix(in srgb, var(--ghost-accent-color) 5%, transparent);
    border-left: 4px solid var(--ghost-accent-color);
}

@media (prefers-color-scheme: dark) {
    blockquote {
        background: color-mix(in srgb, var(--ghost-accent-color) 20%, transparent);
    }
}

/* @media (--breakpoint-xl) {
	.main {
		grid-template-columns: var(--sidebar--width) minmax(0, 1fr);
	}

	.sidebar-posts {
		display: none;
	}
}

.main {
grid-template-columns: var(--sidebar--width) minmax(0, 1fr);
}

.content > .header > .button,
.sidebar-posts {
display: none;
}

@media (max-width: 950px) {
.content > .header > .button {
    display: block;
}

.header > .breadcrumbs {
    justify-content: center;
}
} */