1/* =Global
2----------------------------------------------- */
3
4body,
5button,
6input,
7select,
8textarea {
9    color: @ini_background;
10    font-family: Montserrat, sans-serif;
11    font-size: 16px;
12    line-height: 1.5;
13    border-width: 3px;
14}
15body.custom-background-size {
16    background-position: 0 0 !important;
17    background-repeat: no-repeat !important;
18    background-attachment: fixed !important;
19    -webkit-background-size: cover !important;
20    -moz-background-size:    cover !important;
21    background-size:         cover !important;
22}
23
24/* Links */
25a {
26	text-decoration: none!important;
27}
28a.urlextern {
29	background-image: none!important;
30	padding: 0px!important;
31}
32
33/* Headings */
34h1,
35h2,
36h3,
37h4,
38h5,
39h6 {
40    clear: left;
41    margin: 0 0 20px;
42    color: @ini_text_alt;
43}
44h1 {
45    font-size: 32px;
46    line-height: 1.2;
47}
48h2 {
49    font-size: 24px;
50    line-height: 1.3;
51}
52h3 {
53    font-size: 22px;
54    line-height: 1.4;
55}
56h4 {
57    font-size: 18px;
58}
59h5 {
60    font-size: 16px;
61}
62h6 {
63    font-size: 14px;
64}
65hr {
66    background-color: @ini_background_alt;
67    border: 0;
68    height: 5px;
69    margin-bottom: 20px;
70}
71
72/* Text elements */
73p {
74    margin-bottom: 20px;
75}
76ul,
77ol {
78    margin: 0 0 20px 0;
79}
80ul {
81    list-style: disc inside;
82}
83ol {
84    list-style: decimal inside;
85}
86li > ul,
87li > ol {
88    margin-bottom: 0;
89    margin-left: 20px;
90}
91li .li {
92    display: inline;
93}
94dt {
95    font-weight: bold;
96}
97dd {
98    margin: 0 20px 20px;
99}
100dl.code dd,
101dl.file dd {
102    margin-left: 0;
103}
104b,
105strong {
106    font-weight: bold;
107}
108dfn,
109cite,
110em,
111i {
112    font-style: italic;
113}
114cite {
115    color: @ini_theme_color;
116}
117blockquote {
118    padding: 0 0 0 20px;
119    border-left: 15px double @ini_background_alt;
120}
121blockquote > div.no {
122    display: block;
123    margin-bottom: 20px;
124}
125address {
126    margin: 0 0 20px;
127}
128pre {
129    overflow: auto;
130    padding: 20px;
131    margin-bottom: 20px;
132    max-width: 100%;
133    background: @ini_background_alt;
134    font: 15px/1.6 "Courier 10 Pitch", Courier, monospace;
135    direction: ltr;
136    unicode-bidi: bidi-override;
137    text-align: left;
138}
139code,
140kbd,
141tt,
142var {
143    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
144}
145abbr,
146acronym {
147    border-bottom: 1px dotted;
148    cursor: help;
149    text-decoration: none;
150}
151mark,
152ins {
153    padding: 0 5px;
154    background: @ini_theme_color;
155    color: @ini_background;
156    text-decoration: none;
157}
158sup,
159sub {
160    font-size: 75%;
161    height: 0;
162    line-height: 0;
163    position: relative;
164    vertical-align: baseline;
165}
166sup {
167    bottom: 1ex;
168}
169sub {
170    top: .5ex;
171}
172small {
173    font-size: 75%;
174}
175big {
176    font-size: 125%;
177}
178figure {
179    margin: 0;
180}
181table {
182    margin: 0 0 20px;
183    width: 100%;
184    background: @ini_background_alt;
185}
186div.table {
187    overflow-x: auto;
188    margin-bottom: 20px;
189}
190div.table table {
191    margin-bottom: 0;
192}
193th {
194    background: @ini_background_neu;
195    font-weight: bold;
196}
197th,
198td {
199    padding: 10px;
200    border-bottom: 1px solid @ini_background_neu;
201}
202tr:last-of-type td {
203    border-bottom: none;
204}
205img {
206    margin: auto;
207    height: auto; /* Make sure images are scaled correctly. */
208    max-width: 100%; /* Adhere to container width. */
209}
210
211/* Video */
212embed,
213iframe,
214object,
215video {
216    display: block;
217    max-width: 100%;
218    margin-bottom: 20px;
219}
220
221/* Forms */
222button,
223input,
224select,
225textarea {
226    font-size: 100%; /* Corrects font size not being inherited in all browsers */
227    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
228    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
229    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
230}
231button,
232input {
233    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
234}
235select {
236    width: 100%;
237    color: @ini_text_alt;
238}
239button,
240html input[type="button"],
241input[type="reset"],
242input[type="submit"] {
243    padding: 10px 20px;
244    border: none;
245    background: @ini_theme_color;
246    color: @ini_background;
247    font-size: 14px;
248    line-height: 1.5;
249    font-weight: bold;
250    text-transform: uppercase;
251    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
252    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
253    -webkit-box-sizing: border-box;
254    -moz-box-sizing:    border-box;
255    box-sizing:         border-box;
256}
257button:hover,
258html input[type="button"]:hover,
259input[type="reset"]:hover,
260input[type="submit"]:hover,
261button:focus,
262html input[type="button"]:focus,
263input[type="reset"]:focus,
264input[type="submit"]:focus,
265button:active,
266html input[type="button"]:active,
267input[type="reset"]:active,
268input[type="submit"]:active {
269    background: @ini_theme_color_alt;
270}
271input[type="checkbox"],
272input[type="radio"] {
273    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
274    padding: 0; /* Addresses excess padding in IE8/9 */
275}
276input[type="search"] {
277    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
278    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
279    -moz-box-sizing:    content-box;
280    box-sizing:         content-box;
281}
282input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
283    -webkit-appearance: none;
284}
285button::-moz-focus-inner,
286input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
287    border: 0;
288    padding: 0;
289}
290input[type="text"],
291input[type="url"],
292input[type="email"],
293input[type="password"],
294input[type="search"],
295textarea {
296    width: 100%;
297    height: 40px;
298    padding: 5px 10px;
299    background: transparent;
300    color: @ini_text;
301    border: 5px solid @ini_background_alt;
302    font-size: 14px;
303    line-height: 1.43;
304    -webkit-box-sizing: border-box;
305    -moz-box-sizing:    border-box;
306    box-sizing:         border-box;
307    -webkit-appearance: none;
308}
309input[type="text"]:focus,
310input[type="url"]:focus,
311input[type="email"]:focus,
312input[type="password"]:focus,
313input[type="search"]:focus,
314textarea:focus {
315    outline: none;
316    border-color: @ini_background_neu;
317}
318textarea {
319    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
320    vertical-align: top; /* Improves readability and alignment in all browsers */
321    height: auto;
322}
323::-webkit-input-placeholder {
324   color: @ini_text;
325}
326:-moz-placeholder {
327   color: @ini_text;
328}
329::-moz-placeholder {
330   color: @ini_text;
331}
332:-ms-input-placeholder {
333   color: @ini_text;
334}
335
336button,
337input[type="button"],
338input[type="reset"],
339input[type="submit"],
340input[type="text"],
341input[type="url"],
342input[type="email"],
343input[type="password"],
344input[type="search"],
345textarea {
346    -webkit-border-radius: 20px;
347    -moz-border-radius:    20px;
348    border-radius:         20px;
349}
350
351/* Links */
352a {
353    color: @ini_theme_color;
354}
355a:hover,
356a:focus,
357a:active {
358    color: @ini_theme_color_alt;
359}
360
361/* Transition */
362a:not(#writr__sidebar-toggle),
363input,
364.site-title a,
365.site-info a,
366.main-navigation a {
367    -webkit-transition: all 0.25s ease-in-out;
368    -moz-transition:    all 0.25s ease-in-out;
369    -ms-transition:     all 0.25s ease-in-out;
370    -o-transition:      all 0.25s ease-in-out;
371    transition:         all 0.25s ease-in-out;
372}
373
374/* Alignment */
375.medialeft {
376    display: inline;
377    float: left;
378    margin: 0 20px 20px 0;
379}
380.mediaright {
381    display: inline;
382    float: right;
383    margin: 0 0 20px 20px;
384}
385.mediacenter {
386    clear: both;
387    display: block;
388    margin: 0 auto 20px auto;
389}
390
391/* Clearing */
392.clear:before,
393.clear:after,
394.site-header:before,
395.site-header:after,
396.site-content:before,
397.site-content:after,
398.site-footer:before,
399.site-footer:after,
400.widget:before,
401.widget:after {
402    content: '';
403    display: table;
404}
405
406.clear:after,
407.site-header:after,
408.site-content:after,
409.site-footer:after,
410.widget:after {
411    clear: both;
412}
413