1/* desbest edit */
2
3@media screen and (max-width: 480px){
4  fieldset,
5  #mediamanager__page,
6  #mediamanager__page .filelist{
7    max-width: 100%; min-width: unset;
8  }
9  #mediamanager__page .file,
10  #mediamanager__page .namespaces,
11  #mediamanager__page .panel {
12    width: 100%; clear: both; float: none;
13  }
14  li, dd { margin: 1.15em 0px !important; }
15  #config__manager tr { }
16  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 50%;  }
17
18  #config__manager fieldset td.value { width: unset; }
19
20  #config__manager td .input,
21  #config__manager fieldset td.value,
22  #config__manager td input.edit {
23    max-width: 75%;
24  }
25
26  /* graphy specific */
27
28
29}
30
31@media screen and (min-width: 783px) {
32	html {
33		font-size: 100%;
34	}
35}
36
37@media screen and (min-width: 783px) {
38	body {
39		font-size: 18px;
40	}
41}
42
43@media screen and (min-width: 1180px) {
44	.no-sidebar .alignleft {
45		margin-left: -100px;
46	}
47	.no-sidebar .alignright {
48		margin-right: -100px;
49	}
50}
51
52@media screen and (min-width: 783px) {
53	body {
54		margin-left: 30px;
55		margin-right: 30px;
56	}
57	.site-header {
58		margin-bottom: 75px;
59	}
60	.site-branding {
61		padding-bottom: 50px;
62		padding-top: 60px; /* desbest edit */
63		/*padding-top: 40px;*/
64	}
65	.header-image {
66		margin-left: auto;
67		margin-right: auto;
68	}
69	.featured-post {
70		margin-left: -30px;
71		margin-right: -30px;
72		margin-top: 40px;
73	}
74}
75
76
77@media screen and (min-width: 980px) {
78	body {
79		margin-left: 40px;
80		margin-right: 40px;
81	}
82	.site-branding,
83	.site-content,
84	.footer-widget-wrapper {
85		max-width: 1120px;
86	}
87	.main-navigation,
88	.header-image,
89	.footer-widget-area,
90	.site-bottom {
91		max-width: 1260px;
92	}
93	.site-branding {
94		position: relative;
95	}
96	.header-social-link {
97		position: absolute;
98		right: 0;
99		top: 44px;
100		vertical-align: bottom;
101	}
102	.featured-post {
103		margin-left: -40px;
104		margin-right: -40px;
105	}
106	.content-area {
107		border-right: solid 1px #ddd;
108		float: left;
109		padding-right: 5.36%;
110		width: 62.5%;
111	}
112	.no-sidebar .content-area,
113	.full-width .content-area {
114		border-right: none;
115		float: none;
116		margin-left: auto;
117		margin-right: auto;
118		padding-right: 0;
119		width: 700px;
120	}
121	.full-width .content-area {
122		width: auto;
123	}
124	.sidebar-area {
125		border-top: none;
126		float: right;
127		padding-top: 0;
128		width: 26.78%;
129	}
130	.footer-widget {
131		display: table;
132		padding-top: 0;
133		table-layout: fixed;
134		max-width: none;
135		width: 100%;
136	}
137	.footer-widget .widget-area {
138		display: table-cell;
139		padding: 75px 46px 0 45px;
140		vertical-align: top;
141	}
142	.footer-widget .widget-area:first-child {
143		padding-left: 0;
144	}
145	.footer-widget .widget-area:last-child {
146		padding-right: 0;
147	}
148	.footer-4 .footer-widget .widget-area {
149		width: 25%;
150	}
151	.footer-3 .footer-widget .widget-area {
152		width: 33.3%;
153	}
154	.footer-2 .footer-widget .widget-area {
155		width: 50%;
156	}
157	.footer-1 .footer-widget .widget-area {
158		width: 100%;
159	}
160}
161
162
163@media screen and (min-width: 783px) {
164	.site-logo img {
165		zoom: 1;
166	}
167	.site-title {
168		font-size: 54px;
169	}
170}
171
172
173
174@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
175	.main-navigation .search-field {
176		background-image: url( "images/search-icon@2x.png" );
177	}
178}
179
180
181@media screen and (min-width: 783px) {
182	.menu-toggle {
183		display: none;
184	}
185	.main-navigation ul {
186		display: block;
187	}
188	.main-navigation a {
189		border-top: none;
190		padding-left: 18px;
191		padding-right: 18px;
192	}
193	.main-navigation ul ul a,
194	.main-navigation ul ul ul a,
195	.main-navigation ul ul ul ul a {
196		padding-left: 18px;
197	}
198	.main-navigation li {
199		position: relative;
200	}
201	.main-navigation div.menu > ul,
202	.main-navigation ul.menu {
203		letter-spacing: -0.3em;
204		padding-right: 30px;
205		text-align: center;
206		text-transform: uppercase;
207	}
208	.main-navigation div.menu > ul > li,
209	.main-navigation ul.menu > li {
210		background-color: #fff;
211		display: inline-block;
212		letter-spacing: normal;
213		white-space: nowrap;
214		text-align: left;
215	}
216	.main-navigation div.menu > ul > li.page_item_has_children > a,
217	.main-navigation ul.menu > li.page_item_has_children > a,
218	.main-navigation div.menu > ul > li.menu-item-has-children > a,
219	.main-navigation ul.menu > li.menu-item-has-children > a {
220		padding-right: 12px;
221	}
222	.main-navigation div.menu > ul > li.page_item_has_children > a:after,
223	.main-navigation ul.menu > li.page_item_has_children > a:after,
224	.main-navigation div.menu > ul > li.menu-item-has-children > a:after,
225	.main-navigation ul.menu > li.menu-item-has-children > a:after {
226		content: "\f431";
227		display: inline-block;
228		font: normal 16px/1 Genericons;
229		-webkit-font-smoothing: antialiased;
230		position: relative;
231		right: -7px;
232		top: 1px;
233	}
234	.main-navigation ul ul {
235		background-color: #fff;
236		box-shadow: 0 1px 3px #ddd;
237		left: -9999px;
238		opacity: 0;
239		position: absolute;
240		text-transform: none;
241		top: 100%;
242		transition: opacity .2s ease-in-out;
243		white-space: normal;
244		width: 200px;
245		z-index: 99999;
246	}
247	.main-navigation ul ul ul {
248		top: 0;
249	}
250	.main-navigation ul li:hover > ul,
251	.main-navigation ul li.focus > ul {
252		left: 0;
253		opacity: 1;
254	}
255	.main-navigation ul ul li:hover > ul,
256	.main-navigation ul ul li.focus > ul {
257		left: 100%;
258		opacity: 1;
259	}
260	.main-navigation ul ul li a {
261		border-top: 1px solid #eee;
262		font-size: 93.8%;
263		line-height: 1.5;
264		padding-bottom: 14px;
265		padding-top: 14px;
266	}
267	.main-navigation  ul ul li.page_item_has_children > a,
268	.main-navigation  ul ul li.menu-item-has-children > a {
269		padding-right: 24px;
270	}
271	.main-navigation  ul ul li.page_item_has_children > a:after,
272	.main-navigation  ul ul li.menu-item-has-children > a:after {
273		content: ">";
274		position: absolute;
275		right: 8px;
276		top: 14px;
277	}
278	.main-navigation .search-field {
279		transition: width .4s ease, background .4s ease;
280	}
281}
282
283@media screen and (min-width: 980px) {
284	.no-sidebar .post-full-summary .post-thumbnail {
285		margin-left: -50px;
286		margin-right: -50px;
287	}
288}
289
290
291@media screen and (min-width: 540px) {
292	.post-list .post-thumbnail {
293		float: left;
294		margin-bottom: 0;
295		margin-right: 5%;
296		overflow: hidden;
297		width: 35%;
298	}
299	.post-list .post-thumbnail img {
300		width: 150%;
301		max-width: none;
302	}
303	.post-list-content {
304		overflow: hidden;
305	}
306}
307
308@media (min-width: 980px) {
309	.no-sidebar .alignwide {
310		width: 800px;
311		margin-left: calc( 50% - 800px / 2 );
312	}
313}
314
315
316@media screen and (min-width: 640px) {
317	.pagination .page-numbers {
318		display: inline-block;
319	}
320}
321
322
323@media screen and (min-width: 640px) {
324	.post-navigation .nav-previous {
325		float: left;
326		margin-bottom: 0;
327		width: 48%;
328	}
329	.post-navigation .nav-next {
330		float: right;
331		text-align: right;
332		width: 48%;
333	}
334}
335
336
337
338@media screen and (min-width: 540px) {
339	.comment-form-author label,
340	.comment-form-email label,
341	.comment-form-url label {
342		float: left;
343		line-height: 1;
344		margin-top: 1.2em;
345		width: 20%;
346	}
347	.comment-form-author input,
348	.comment-form-email input,
349	.comment-form-url input {
350		float: right;
351		margin-top: 0px;
352		width: 80%;
353	}
354}
355
356
357@media only screen and (max-width: 640px) {
358	#jp-relatedposts .jp-relatedposts-items-visual {
359		margin-right: -20px !important;
360	}
361}
362@media only screen and (max-width: 400px) {
363	#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
364		width: 100% !important;
365		clear: both !important;
366	}
367}
368