1
2/* ### ### ### */
3
4#weltis__header .header .group {
5	/* Display */
6	display: flex;
7	align-items: center;
8	gap: 1rem;
9	/* Position */
10	position: relative;
11}
12
13#weltis__header .headings {
14	/* Display */
15	flex-flow: row nowrap;
16	justify-content: space-between;
17	/* Color */
18	background: var(--anti-color);
19	color: var(--main-color);
20	/* Size */
21	min-height: 3rem;
22}
23
24#weltis__header .headings .titlehead,
25#weltis__header .headings .tagline {
26	/* Box */
27	margin: 0 1rem;
28}
29
30#weltis__header .headings .title {
31	/* Font */
32	font-family: var(--title-font), Verdana, sans-serif;
33	font-size: var(--title-size);
34	font-weight: var(--title-weight);
35	/* Text */
36	text-transform: var(--title-text);
37	/* Box */
38	margin: 0;
39}
40
41#weltis__header .headings .tagline {
42	/* Font */
43	font-size: 1rem;
44}
45
46#weltis__header .tools {
47	/* Display */
48	flex-flow: row-reverse nowrap;
49	justify-content: end;
50	/* Color */
51	background: var(--dark-color);
52	color: var(--main-color);
53	/* Box */
54	padding: 0 2rem;
55	/* Size */
56	min-height: 2rem;
57}
58
59#weltis__usertools,
60#weltis__sitetools,
61#weltis__pagetools {
62	/* Position */
63	position: relative;
64}
65
66#weltis__header .menulist {
67	/* Display */
68	display: none;
69	/* Position */
70	position: absolute;
71	top: 100%;
72	right: -1rem;
73	z-index: 1;
74	/* Font */
75	font-size: .9rem;
76	/* Text */
77	text-wrap: nowrap;
78	/* Settings */
79	list-style: none;
80	/* Box */
81	padding: 0;
82	margin: 0;
83	/* Size */
84	min-width: 15rem;
85}
86
87#weltis__header .menulist > li,
88#weltis__header .menulist > span {
89	/* Box */
90	padding: .5rem .8rem;
91	margin-left: 0;
92}
93#weltis__header .menulist > li {
94	/* Color */
95	background: var(--dark-color);
96}
97#weltis__header .menulist > span {
98	/* Color */
99	background: var(--lite-color);
100}
101
102#weltis__header .menuhead:focus + .menulist,
103#weltis__header .menulist:hover {
104	/* Display */
105	display: flex;
106	flex-flow: column nowrap;
107}
108
109#qsearch__in,
110#qsearch__in::placeholder {
111	/* Font */
112	font-family: inherit;
113	font-size: inherit;
114	/* Color */
115	color: inherit;
116	background: inherit;
117	/* Box */
118	padding: 0;
119	outline: 0;
120	border: 0;
121	margin: 0;
122}
123
124#qsearch__out {
125	/* Display */
126	display: none;
127}
128
129#weltis__header .header > .breadcrumbs {
130	/* Font */
131	font-size: .8rem;
132	/* Color */
133	background: var(--lite-color);
134	color: var(--main-color);
135	/* Size */
136	min-height: 1.5rem;
137	/* Box */
138	padding: 0 1rem;
139
140}
141#weltis__header .breadcrumbs .trace {
142	/* Display */
143	display: flex;
144	flex-flow: wrap;
145	gap: .4rem;
146	/* Box */
147	padding: .4rem 0;
148}
149
150#weltis__header .breadcrumbs .curid a {
151	/* Font */
152	font-weight: bold;
153}
154