1
2/* ### ### ### */
3
4#weltis__aside h3.toggle {
5	/* Display */
6	display: none;
7	/* Font */
8	font-size: .9rem;
9	/* Box */
10	padding: 0;
11	margin: 0;
12}
13
14.aside h3 {
15	/* Box */
16	margin: 0 0 .5rem 0;
17}
18
19#weltis__aside > .aside {
20	/* Font */
21	font-size: .8rem;
22	/* Position */
23	position: relative;
24	/* Settings */
25	word-wrap: break-word;
26	/* Box */
27	padding: 2rem;
28	/* Size */
29	box-sizing: content-box;
30	width: var(--max-width-sidebar);
31}
32
33@media only screen and (max-width: @ini_tablet_width) {
34	#weltis__aside h3.toggle {
35		/* Display */
36		display: block;
37	}
38
39	#weltis__aside h3.toggle.open {
40		/* Box */
41		padding: 0 0 .5rem 0;
42		border-bottom: .1rem solid var(--lite-color);
43		margin: 0 0 1rem 0;
44	}
45
46	#weltis__aside > .aside {
47		/* Box */
48		padding: 1rem;
49		border: .1rem solid var(--lite-color);
50		/* Size */
51		box-sizing: border-box;
52		width: 100%;
53	}
54}
55
56#weltis__aside > .aside li ul,
57#weltis__aside > .aside li ol {
58	/* Box */
59	padding: 0;
60	margin-bottom: 0;
61}
62
63#weltis__aside > .aside ul,
64#weltis__aside > .aside ol {
65	/* Box */
66	padding-left: .5rem;
67}
68
69