1/* desbest edit */
2@media screen and (max-width: 480px){
3  fieldset,
4  #mediamanager__page,
5  #mediamanager__page .filelist{
6    max-width: 100%; min-width: unset;
7  }
8  #mediamanager__page .file,
9  #mediamanager__page .namespaces,
10  #mediamanager__page .panel {
11    width: 100%; clear: both; float: none;
12  }
13  li, dd { margin: 1.15em 0px !important; }
14  #config__manager tr { }
15  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 75%;  }
16
17  #config__manager fieldset td.value { width: unset; }
18
19  #config__manager td .input,
20  #config__manager fieldset td.value,
21  #config__manager td input.edit {
22    max-width: 75%;
23  }
24
25  /* drop specific */
26  .newmetamenu li { padding: 0.15em; display: inline-block; margin: 1em 1.15em !important; }
27  .site-header { line-height: unset; height: 6em; }
28  .title-info { margin-top: 2.35em; }
29  #dw__search button[type="submit"]{ margin-top: 1.15em; }
30  .entry { padding-top: 0px !important; }
31}
32
33
34
35@media all and (max-width: 47.5em) {
36  .newmetamenu li { display: inline-block; margin-bottom: 0.35em;}
37}
38
39 /* ============ */
40@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
41  html {
42    -webkit-text-size-adjust: none;
43    /* none for no scaling
44  }
45}
46@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
47  html {
48    -webkit-text-size-adjust: none;
49    /* none for no scaling */
50  }
51}
52/* 900px */
53@media all and (min-width: 56.25em) {
54  body {
55    background: #e6e6e6;
56  }
57
58  /* skip content link */
59  .skip-content:focus {
60    top: 2em;
61  }
62}
63
64
65/* 500px */
66@media all and (min-width: 31.25em) {
67  .site-header {
68    padding: 0 11.11%;
69  }
70
71  .title-info {
72    right: 11.11%;
73  }
74}
75/* 600px */
76@media all and (min-width: 37.5em) {
77  .menu-slider {
78    width: 50%;
79    padding: 3em 5.55%;
80  }
81}
82/* 900px */
83@media all and (min-width: 56.25em) {
84  .site-header {
85    width: 33.33%;
86    padding: 0;
87    float: left;
88    z-index: 1;
89    background: none;
90    height: auto;
91  }
92  .site-header:after {
93    content: ".";
94    display: block;
95    clear: both;
96    visibility: hidden;
97    line-height: 0;
98    height: 0;
99  }
100
101  .title-info {
102    right: auto;
103    text-align: center;
104    width: 100%;
105    position: relative;
106    padding: 24px 16.65%;
107    background: #cccccc;
108  }
109  .title-info .site-title {
110    font-size: 2.625em;
111    line-height: 1.14;
112    text-shadow: -0.063em 0.063em #b3b3b3;
113  }
114  .title-info .site-title a,
115  .title-info .site-title a:link,
116  .title-info .site-title a:visited {
117    color: #575757;
118  }
119  .title-info .site-title a:hover,
120  .title-info .site-title a:active,
121  .title-info .site-title a:focus {
122    color: #666666;
123  }
124  .title-info .site-title img {
125    max-width: 4.5em;
126    max-height: 0.95em;
127  }
128
129  .ie9 .site-title a:hover, .ie9 .site-title a:active, .ie9 .site-title a:focus {
130    color: #666666;
131  }
132
133  .menu-slider {
134    width: 100%;
135    height: auto;
136    padding: 0 16.65%;
137    background: none;
138    color: #666666;
139    position: relative;
140  }
141
142  .site-info img {
143    border-color: #b3b3b3;
144  }
145  .site-info hr {
146    color: #cccccc;
147    border-color: #cccccc;
148  }
149
150  button.toggle-button {
151    display: none;
152  }
153
154  #menu-primary-items,
155  .menu-unset > ul {
156    margin: 0;
157  }
158  #menu-primary-items ul,
159  .menu-unset > ul ul {
160    position: absolute;
161    top: 1.5em;
162    left: -999em;
163    background: #cccccc;
164    -webkit-transition: top 0.2s ease;
165    transition: top 0.2s ease;
166  }
167  #menu-primary-items ul.focused,
168  .menu-unset > ul ul.focused {
169    left: 100%;
170    top: 0;
171  }
172  #menu-primary-items ul li a,
173  .menu-unset > ul ul li a {
174    color: #555555;
175  }
176  #menu-primary-items ul li a:link, #menu-primary-items ul li a:visited,
177  .menu-unset > ul ul li a:link,
178  .menu-unset > ul ul li a:visited {
179    color: #555555;
180  }
181  #menu-primary-items ul li a:hover, #menu-primary-items ul li a:active, #menu-primary-items ul li a:focus,
182  .menu-unset > ul ul li a:hover,
183  .menu-unset > ul ul li a:active,
184  .menu-unset > ul ul li a:focus {
185    color: #28805d;
186  }
187  #menu-primary-items ul,
188  .menu-unset > ul ul {
189    overflow: visible;
190    /* overwriting previous code */
191  }
192  #menu-primary-items li,
193  .menu-unset > ul li {
194    position: relative;
195    overflow: visible;
196    -webkit-transition: all 0.3s ease-in-out;
197    transition: all 0.3s ease-in-out;
198  }
199  #menu-primary-items li:hover > ul, #menu-primary-items li:active > ul, #menu-primary-items li:focus > ul,
200  .menu-unset > ul li:hover > ul,
201  .menu-unset > ul li:active > ul,
202  .menu-unset > ul li:focus > ul {
203    left: 100%;
204    top: 0;
205  }
206  #menu-primary-items li a,
207  #menu-primary-items li a:link,
208  #menu-primary-items li a:visited,
209  .menu-unset > ul li a,
210  .menu-unset > ul li a:link,
211  .menu-unset > ul li a:visited {
212    color: #666666;
213  }
214  #menu-primary-items li a:hover,
215  #menu-primary-items li a:active,
216  #menu-primary-items li a:focus,
217  .menu-unset > ul li a:hover,
218  .menu-unset > ul li a:active,
219  .menu-unset > ul li a:focus {
220    color: #28805d;
221  }
222  #menu-primary-items li a:focus,
223  .menu-unset > ul li a:focus {
224    background: whitesmoke;
225  }
226
227  .social-media-icons li a,
228  .social-media-icons li a:link,
229  .social-media-icons li a:visited {
230    color: #666666;
231  }
232  .social-media-icons li a:hover,
233  .social-media-icons li a:active,
234  .social-media-icons li a:focus {
235    color: #28805d;
236  }
237}
238/* 1100 */
239@media all and (min-width: 68.75em) {
240  .title-info .site-title img {
241    max-width: 5.5em;
242  }
243
244  .menu-slider img {
245    width: 6em;
246  }
247}
248
249
250/* 500px */
251@media all and (min-width: 31.25em) {
252  .page-header {
253    padding: 1.5em 11.11%;
254  }
255
256  .excerpt {
257    margin: 1.5em 11.11% 4.5em;
258  }
259
260  .sticky {
261    margin: 0;
262    padding: 1.5em 11.11% 4.5em;
263  }
264
265  .featured-image {
266    height: 264px;
267  }
268
269  .loop-pagination {
270    margin: 1.5em 11.11%;
271  }
272}
273/* 600px */
274@media all and (min-width: 37.5em) {
275  .excerpts-container {
276    -webkit-transform: translateZ(0);
277    transform: translateZ(0);
278    -webkit-transition: all 0.3s ease-in-out;
279    transition: all 0.3s ease-in-out;
280  }
281
282  .excerpts-container.open {
283    -webkit-transform: translateY(96px);
284    -ms-transform: translateY(96px);
285    transform: translateY(96px);
286    padding-bottom: 96px;
287  }
288
289  .page-header > div {
290    display: block;
291  }
292  .page-header h2,
293  .page-header p {
294    max-width: 80%;
295  }
296}
297/* 700px */
298@media all and (min-width: 43.75em) {
299  .featured-image {
300    height: 312px;
301  }
302
303  .excerpt {
304    border-bottom: none;
305  }
306}
307/* 900px */
308@media all and (min-width: 56.25em) {
309  .main {
310    float: right;
311    width: 66.66%;
312  }
313  .main:after {
314    content: ".";
315    display: block;
316    clear: both;
317    visibility: hidden;
318    line-height: 0;
319    height: 0;
320  }
321
322  .page-header {
323    background: #28805d;
324    padding: 1.5em 8.33%;
325  }
326  .page-header h2 {
327    text-shadow: -0.063em 0.063em #20664a;
328    font-size: 2.625em;
329    line-height: 1.14;
330  }
331
332  .excerpt {
333    margin: 1.5em 8.33% 4.5em;
334  }
335
336  .sticky {
337    margin: 0;
338    padding: 1.5em 8.33% 4.5em;
339    outline-offset: -0.25em;
340  }
341
342  .loop-pagination {
343    margin: 1.5em 8.33%;
344  }
345}
346/* 1100 */
347@media all and (min-width: 68.75em) {
348  .page-header {
349    padding: 1.5em 16.67%;
350  }
351
352  .excerpt {
353    margin: 1.5em 16.67% 4.5em;
354    position: relative;
355  }
356
357  .sticky {
358    margin: 0;
359    padding: 1.5em 16.67% 4.5em;
360  }
361  .sticky .excerpt-meta {
362    right: 83.5%;
363    top: 1.5em;
364  }
365
366  .excerpt-meta {
367    position: absolute;
368    right: 100%;
369    width: 25%;
370    top: 0;
371    font-size: 0.813em;
372    line-height: 1.85;
373    padding: 0 3% 0 2.08%;
374    text-align: right;
375  }
376  .excerpt-meta span {
377    display: block;
378  }
379
380  .excerpt-date {
381    font-weight: 700;
382  }
383
384  .excerpt-date:after,
385  .excerpt-author:after {
386    content: '';
387  }
388
389  .loop-pagination {
390    margin: 1.5em 16.67%;
391  }
392}
393
394
395/* 500px */
396@media all and (min-width: 31.25em) {
397  .entry-meta-top,
398  .entry-header,
399  .entry-meta-bottom {
400    margin: 0 11.11%;
401  }
402
403  .entry-content {
404    margin: 1.5em 11.11%;
405  }
406
407  .further-reading p {
408    width: 50%;
409    display: inline-block;
410    vertical-align: top;
411  }
412  .further-reading .next {
413    text-align: right;
414  }
415}
416/* 700px */
417@media all and (min-width: 43.75em) {
418  .entry-categories span,
419  .entry-tags span {
420    display: inline-block;
421    float: left;
422    height: 48px;
423    margin-right: 1em;
424  }
425  .entry-categories a,
426  .entry-tags a {
427    font-size: 16px;
428    line-height: 24px;
429  }
430}
431/* 800px */
432@media all and (min-width: 50em) {
433  .entry .featured-image {
434    height: 360px;
435  }
436}
437/* 900px */
438@media all and (min-width: 56.25em) {
439  .entry {
440    padding-top: 48px;
441  }
442
443  .entry.has-post-thumbnail {
444    padding-top: 0;
445  }
446
447  .entry-meta-top,
448  .entry-header,
449  .entry-meta-bottom {
450    margin: 0 8.33%;
451  }
452
453  .entry-content {
454    margin: 1.5em 8.33%;
455  }
456
457  .entry .featured-image {
458    height: 312px;
459  }
460}
461/* 1100 */
462@media all and (min-width: 68.75em) {
463  .entry-meta-top,
464  .entry-header,
465  .entry-meta-bottom {
466    margin: 0 16.67%;
467  }
468
469  .entry-content {
470    margin: 1.5em 16.67%;
471  }
472
473  .entry .featured-image {
474    height: 336px;
475  }
476}
477/* 1200px */
478@media all and (min-width: 75em) {
479  .entry .featured-image {
480    height: 408px;
481  }
482}
483
484
485/* 500px */
486@media all and (min-width: 31.25em) {
487  .comments {
488    margin: 0 11.11%;
489  }
490
491  .comment-pagination p {
492    width: 50%;
493    display: inline-block;
494    vertical-align: top;
495    text-align: left;
496  }
497  .comment-pagination .next-comment {
498    text-align: right;
499  }
500}
501/* 900px */
502@media all and (min-width: 56.25em) {
503  .comments {
504    margin: 0 8.33%;
505  }
506}
507/* 1100 */
508@media all and (min-width: 68.75em) {
509  .comments {
510    margin: 0 16.67%;
511  }
512}
513
514
515/* 500px */
516@media all and (min-width: 31.25em) {
517  .site-footer {
518    padding: 1.5em 11.11% 0;
519  }
520
521  .copyright {
522    padding: 12px 11.11%;
523    left: -14.25%;
524    width: 128.5%;
525  }
526}
527/* 700px */
528@media all and (min-width: 43.75em) {
529  .site-footer .widget {
530    width: 50%;
531    display: inline-block;
532    vertical-align: top;
533    padding-right: 1em;
534    float: left;
535  }
536
537  .sidebar-subsidiary:after {
538    content: ".";
539    display: block;
540    clear: both;
541    visibility: hidden;
542    line-height: 0;
543    height: 0;
544  }
545}
546/* 900px */
547@media all and (min-width: 56.25em) {
548  .site-footer {
549    float: right;
550    width: 66.66%;
551    padding: 1.5em 5.55% 0;
552  }
553
554  .copyright {
555    left: -10%;
556    width: 120%;
557  }
558}
559/* 1100 */
560@media all and (min-width: 68.75em) {
561  .site-footer {
562    padding-left: 11.11%;
563  }
564
565  .copyright {
566    left: -22%;
567    width: 133.15%;
568  }
569}
570
571
572/* 900px */
573@media all and (min-width: 56.25em) {
574  .search-form-container .search-field {
575    color: #e6e6e6;
576    background: #666666;
577    padding: 0.75em 8.33%;
578  }
579  .search-form-container .search-field::-webkit-input-placeholder {
580    color: #e6e6e6;
581  }
582  .search-form-container .search-field:-moz-placeholder {
583    color: #e6e6e6;
584  }
585  .search-form-container .search-field::-moz-placeholder {
586    color: #e6e6e6;
587  }
588  .search-form-container .search-field:-ms-input-placeholder {
589    color: #e6e6e6;
590  }
591  .search-form-container .search-field:focus {
592    background: #333333;
593  }
594
595  .search-form-container.open .search-submit {
596    color: #e6e6e6;
597  }
598  .search-form-container.open .search-submit:hover {
599    background-color: #575757;
600  }
601  .search-form-container.open .search-submit:focus {
602    background-color: #333333;
603  }
604}
605/* 1100 */
606@media all and (min-width: 68.75em) {
607  .search-form-container .search-field {
608    padding: 0.75em 16.67%;
609  }
610}
611
612
613/* 900px */
614@media all and (min-width: 56.25em) {
615  .attachment .entry {
616    margin-top: 72px;
617  }
618}
619
620
621/* 500px */
622@media all and (min-width: 31.25em) {
623  .search .search-bottom {
624    margin: 1.5em 11.11%;
625  }
626}
627/* 900px */
628@media all and (min-width: 56.25em) {
629  .search .search-bottom {
630    margin: 1.5em 8.33%;
631  }
632}
633/* 1100 */
634@media all and (min-width: 68.75em) {
635  .search .search-bottom {
636    margin: 1.5em 16.67%;
637  }
638}
639