1  /*
 2   Theme Name: Bibliothek Schmerikon
 3   Author: Sebastian Martinez
 4   Version: 1.0.0
 5  */
 6  
 7  @import "tailwindcss";
 8  @plugin "@tailwindcss/typography";
 9  
10  @font-face {
11    font-family: "Inter";
12    font-style: normal;
13    font-weight: 400;
14    font-display: swap;
15    src: url("../fonts/Inter-Regular.woff2");
16  }
17  @font-face {
18    font-family: "Inter";
19    font-weight: 500;
20    font-display: swap;
21    src: url("../fonts/Inter-Medium.woff2");
22  }
23  @font-face {
24    font-family: "Inter";
25    font-weight: 600;
26    font-display: swap;
27    src: url("../fonts/Inter-SemiBold.woff2");
28  }
29  @font-face {
30    font-family: "Inter";
31    font-weight: 700;
32    font-display: swap;
33    src: url("../fonts/Inter-Bold.woff2");
34  }
35  @font-face {
36    font-family: "DellaRespira";
37    font-weight: 400;
38    src: url("../fonts/DellaRespira.ttf");
39  }
40  
41  :root {
42    --font-family-sans-serif: Inter, sans-serif;
43  }
44  
45  html {
46    font-family: var(--font-family-sans-serif);
47    font-size: 16px;
48    /* Prevent rubber-band effect when scrolling via touchpad on macOS. */
49    overscroll-behavior: none;
50  }
51  
52  .menu-item:hover {
53    text-decoration: underline;
54  }
55  .current-menu-item {
56    text-decoration: underline;
57  }
58  
59  footer {
60    background-color: #97d973;
61  }
62  
63  .zeiten-grid {
64    display: grid;
65    grid-template: 2 / 3;
66    grid-template-columns: 7rem 1fr;
67    row-gap: 0.25rem;
68  }
69  
70  body {
71    /* Prevent rubber-band effect when scrolling via touchpad on macOS. */
72    overscroll-behavior: none;
73    display: flex;
74    flex-direction: column;
75    min-height: 100vh;
76  }
77  
78  main {
79    flex-grow: 1;
80  }
81  
82  .home .wp-block-columns {
83    column-gap: 4rem;
84  }